本博客主要用途是记录学习笔记。 最近在跟着黑马课程学习搭建小兔鲜儿项目，现阶段主要用HTML+CSS完成静态页面的展示，因此为了加深使用css样式的记忆和学习搭建项目的一些小技巧，此文留下了小笔记。 下面是小兔鲜儿页面展示效果：一、项目的整体结构 本项目是在vscode环境中完成的。项
转载
2023-10-26 18:55:51
155阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co
原创
2022-07-10 00:03:51
230阅读
1.代码style.css1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 body {
7 background-image: url("../images/bg.gif");
8 }
9
10 /*头部*/
11 .header {
12 width: 100%;
13 heig
转载
2023-07-26 20:09:45
81阅读
第11章 CSS简介、HTML是网页的结构，CSS是网页的外观，JavaScript是网页的行为。、CSS的出现就是为了改造HTML单调的默认外观。、CSS引入方式有3种：外部样式表、内部样式表、行内样式表。、在实际开发中，一般都是使用外部样式表第12章 CSS选择器、id和class（1）id就像你的身份证号，而class就像你的名字。同一个页面中，id只允许出现一次，而
转载
2024-01-26 09:43:46
90阅读
base.css /* 清除默认样式的代码 */ /* 去除常见标签默认的 margin 和 padding */ body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, input { margin: 0; padding: 0; } /*
原创
2022-07-10 00:03:53
60阅读
1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>几
转载
2017-04-18 10:51:57
577阅读
网页成品图： 一. 自己动手实践： 首先，把网页分为三大部分，定义了三个div，class分别为header，center，footer。然后在定义它们里面的div。代码如下：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>麦子学院实战</title&
转载
2023-08-18 13:58:14
163阅读
点赞
html5上新增加了语义化标签(结构标签)，表单属性，表单种类，全局属性。css3增加了transition过渡属性，transfrom变形属性，animation帧动画标签语义化：用合理的标签做合理的事情CSS3有哪些新特性？1、css3实现了圆角(border-radius)，阴影(box-shadow)2、对文字加特效(text-shadow)，线性渐变(gradient)，旋转(trans
转载
2023-07-13 21:52:04
77阅读
一、项目来源慕课网—手把手从0打造电商网页开发
网址：https://www.imooc.com/learn/1236
源码：右侧资料下载
二、摘要1.基本框架搭建(三、1-3)
2.实现html+css效果，一些要点笔记(三、4-8)
3.js效果步骤分析（三、9-10）
4.做完感受(四)
三、开始构建1.先搭建基本页面结构，并用link连接到首页
2.搭建页面骨骼
页面分为三大块，导航，首部
转载
2024-01-26 08:39:15
30阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
原创
2022-06-05 00:00:42
80阅读
1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <title>几米简介</title> 5 <style type="text/css"> 6 *{ 7
转载
2016-08-20 19:01:00
112阅读
HTML+CSS小实战案例
登录界面的美化，综合最近所学进行练习
网页设计先布局，搭建好大框架，然后进行填充，完成页面布局
1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4 <title>实验</
转载
2016-08-18 19:35:00
152阅读
2评论
HTML+CSS小实战案例登录界面的美化，综合最近所学进行练习网页设计先布局，搭建好大框架，然后进行填充，完成页面布局 1 html> 2 head> 3 meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 4 title>实验title> 5 style type=
原创
2021-06-01 23:29:42
482阅读
