黑马程序员技术交流社区

标题: CSS部分总结 [打印本页]

---

作者: 【请叫我大王】    时间: 2018-11-28 20:43
标题: CSS部分总结
一、CSS三种样式表总结
1.行内样式表——优点：书写方便，权重高；缺点：没有实现样式和结构相分离。
2.内部样式表——优点：部分结构和样式相分离；缺点：没有彻底分离。
3.外部样式表——优点：完全实现结构和样式相分离；缺点：需要引入。
二、CSS基础选择器总结
1.标签选择器 —— 标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
2.类选择器 —— .类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
3.多类名选择器 ——样式显示效果跟HTML元素中的类名先后顺序没有关系,受CSS样式书写的上下顺序有关 ；   各个类名中间用空格隔开。
4.id选择器 ——  #id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }；
三、CSS标签显示模式总结
1.块级元素（block-level）—— 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。
2.行内元素（inline-level）—— 常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中<span>标签最典型的行内元素。
3.行内块元素（linline-block）—— 在行内元素中有几个特殊的标签——<img />、<input />、<td>，可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。
四、CSS三大特性
1.层叠性 —— 样式冲突，遵循的原则是就近原则。 那个样式离着结构近，就执行那个样式 ； 样式不冲突，不会层叠
2.继承性 —— 子承父业。
3.优先级 ——a.每个元素（标签）贡献值为0,0,0,0
                        b.每个元素（标签）贡献值为0,0,0,1
                        c.每个类，伪类贡献值为0,0,1,0
                        d.每个ID贡献值为 0,1,0,0
                        e.每个行内元素贡献值 1,0,0,0
                         f.每个!important 贡献值 ∞无穷大

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2