引入方式:
行内样式:写在标签内----<p style=""></p>
内嵌样式:<style></style>
外联样式:<link >
选择器:
基本选择器:
1、标签选择器
2、id选择器 #id 强调:id同一页面中绝对不重复、css公用的页面,id不能重复
3、类选择器 .class 允许有多个类修饰 类冲突:覆盖 允许出现中划线msg-2 大写转换
4、通用选择器 *
-----body和div间有间距-----由于margin和 padding;
包含选择器:子代选择器 :>
后代选择器: 空格
复合选择器: 逗号选择器:多个对象公用css
属性选择器:后期实现的选择器(css2、css3)新增加的选择器(了解、认识)
其他选择器:
CSS3
:root:特指html
+:表示下一个
~:表示之后所有的兄弟元素
伪类选择器:最早出现在a标签
伪元素选择器:
::before 表示前面
ul li::before {
content: "*8*";
}
::after 表示后面
::selection
::placeholder