css含有三种添加方法：
1.外部样式表：通过在<head></head>中添加<link>标签导入外部css文件
2.内部样式表： 通过在<head></head>中添加<style></style>添加样式
3.内联样式： 直接在需要修改样式的标签内添加style="color:#111111"
添加样式的优先级：（内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式
外部样式表和内部样式表中添加样式的方法：
与html的<!-- text-->注释不同，css内的注释符号为/* text */
/*
id 前使用#修饰
class 前使用 . 修饰,也可在一类标签后接.class名，例如<p class="test">,可在css中用p.test {}
一类标签直接使用标签名 例如<p>段落标签， p{ color: xxxx;}
*/
设置样式支持分组和嵌套，分组：h1，h2，p {color:"red";}
由于html中的class值不需要唯一，所以存在多种嵌套方式：
.test {} 为所有class=test的元素设置样式
p.test {} 为所有class属性为test的p标签设置样式
.test p {} 为所有class=test的元素内的p元素设置样式
盒子模型：所有html的元素都可以视为一个盒子，分别由外边框(Margin)，边框(Border)，内边距(Padding)和内容(Text)组成，其中，外边框和内边距默认都是透明的
css中的轮廓样式(outline)，位于Border外，在Margin的位置。outline不占空间，不会增加额外的width和height
Margin的像素值设置：
扫一扫
2171
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
