html+css学习笔记.pdf
版权申诉
155 浏览量
2022-11-26
19:08:41
上传
评论
收藏 156KB PDF 举报
Css 选择符的使用
Css 的常用属性
Css 盒子模型 块连元素 内联元素
Css 命名规范：
Css 选择符：
Css 选择符的作用：/指定 css 样式所作用的对象（范围）
1.标签选择符：针对 html 标签
2.Id 选择符，针对页面中只出现一次的内容，id;
3.类选择符：针对某些元素 同一类的
*****默认情况下某些 html 元素有自己本身的默认值
针对 body 标签进行样式的定义：
css 特性：继承特性 body 标签内子元素都继承他的一些属性
4 控制所有元素：使用通配符*****
通配选择符： *{属性：值；},用于定义所有 html 元素
*{}。的作用范围很广 :但是效率最低（对于浏览器的解释时间比较长）
*{ margin：0；padding：0；}//重置所有元素的 外边距与内边距，为零
（这种方法不推荐使用哦！）
5：选择符的嵌套使用：-----包含选择符(也叫派生选择符)
：：前段开发的极限：————代码非常的经典（代码非常简洁）
《
如果我们针对某个元素中的某个子元素进行控制 可以使用嵌套的方式。不必再为子元素设
置 id 》 父元素 子元素{ 属性：值；}
包含选择符：（嵌套/派生）：语法 e1，e2{属性：值；}；
含义是所有被 e1 包含的 e2，
如 、table td{属性：值；} #header li a{属性：值；}
（优点就是不需要再单独为 Id 为 Header 的标签内，li 标签内的 a 标签单独定义 class 或者 Id，
css 代码就减少了，同样也就优化了 css 代码）
6:选择符分组（集体控制）： 将同样的样式定义于多个选择符：选择符之间用逗号隔开： 如
p.div,waring{属性};
7.标签指定式选择符：如果既想使用 Id 或 class，也想同时使用标签选择符
H1#content{};表示针对所有的 id 为 cotent 的 h1 标签
H1.p1{}；表示针对所有 class 为 p1 的 h1 标签
8 组合选择符：;将以上选择符进行组合使用 h1.p1,#content h1
;
三〉css 盒子模型：
一个盒子是由以下几部分构成的：
1.盒子中的内容：content
2.盒子的边框：border
资源评论
