一、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 贡献值 ∞无穷大
|
|