一、CSS的作用: 1.有效的传递页面信息。 2.使用CSS美化过的页面,使得页面更加漂亮,吸引用户。 3.可以很好的突出页面的主题内容。 4.具有良好的用户体验。 二、span标签的作用: 自己本身在网页中不起作用,但是可以让某个文字内容凸显出来,方便单独设置内容的样式。 三、字体: 1.font-family:设置字体的类型,例如宋体、楷体 2.font-size:设置字体的大小,例如16px; 3.font-style:设置字体风格,例如斜体、倾斜 4.font-weight:设置字体粗细,例如bold 5.font:斜体 加粗 大小 类型 四、排版网页 1.对齐方式 text-algin: left:向左对齐 right:向右对齐 center:居中对齐 justify:两端对齐 2.首行缩进: text-indent:2em,其中em为单位,代表缩进两个字符 3.文本垂直居中: line-height:值与父元素的高一致即可实现垂直对齐 4.文本装饰: text-decoration: overline:上划线 underline:下划线 line-through:删除线 none:无下划线 5.文本阴影: text-shadow: color:颜色,red x轴平移:10px y轴平移:10px 模糊半径:5px 6.设置超链接样式 1).a:hover:鼠标悬浮样式 2).a?单击访问前的样式 3).a:visited:单击访问后的演示 4).a:over:单击未释放的样式 7.设置列表样式: 1).list-style-type: none:无标记符号 disc:实心圆,默认 circle:空心圆 square:实心正方形 decimal:数字 8.设置背景样式: 1.background-color:背景颜色 2.background-image:背景图片 3.background-position:背景的位置,50% 50% 4.background-repeat:设置平铺方式,no-repeat 5.background-size:设置尺寸,300px 50px 9.div: 就是一个容器,网页中的标签都放在div里面,好操控