一 CSS简介(简)
- 美化网页,布局页面
- 层叠样式表(cascading style sheets)的简称,又称css样式表或级联样式表。
二 CSS引入方式
按照css样式的书写位置分类
-
内联样式表/行内样式表:元素标签内部的style属性中设定css样式。【权重高】【控制当前标签】
-
嵌入式/内部样式表:全部放在html,单独放在一个style 标签里。【控制整个页面元素】【一般在<head里】
-
链接式引入/外部样式表:单独写在css文件,之后引入到html页面使用。
三 CSS元素显示模式
显示模式
块元素
-
特点:
独占一行,宽度默认是容器(父级宽度)的100%;
高度宽度外边距及内边距都可以控制;
是盒子,可以放很多行内或者块元素。 -
注意:
文字类元素不能用块元素;
<p主要放文字,不能放块元素,尤其不能放<div。 -
常见:
div 、hr、p、h1~h6、ul、ol、dl、form、table
行内元素(内联元素)
-
特点:
相邻元素多个一行;
宽高直接设置无效(需转换);
默认宽度为内容的宽度;
只能放文本或其他行内元素。 -
注意:
链接里不能再放链接;
特殊情况<a里可放块元素,但要给<a转换块元素最安全。 <