一
三大样式表分为:内部样式,外部样式和行内式。
行内式权重最高,外部样式需要通过link标签(单标签)进行引入,语法格式必须放入head标签内。
二
选择器有什么用?选择标签用的。
CSS基础选择器主要分为:标签选择器,类选择器,id选择器,多类名选择器,通配符选择器。
标签选择器按照标签名进行分类,类选择器通过" . "来标识,class="类名"进行调用。
类选择器通过”#“标识,元素的id是唯一的。
通配符选择器能匹配到页面全部元素,作用范围最广,*{ }。
三
font-size属性用于设置文本字号。
font-family属性用于设置字体。
font-weight属性用于设置字体粗细,其属性值有normal,bold,bolder,lighter,100-900;除此之外设置字体粗细还可以使用b标签或者strong标签。
font-style属性用于设置字体风格,其属性值有normal,italic,oblique;初次之外还可以使用i或者em标签实现功能。
font:综合设置字体样式,选择器{font: font-style font-weight font-size/line-height font-family;}。
使用font属性时,必须按上面语法格式中的顺序书写,不能更换顺序,各个属性以空格隔开。
四
color属性:用于设置文本颜色,取值方式有三种包括颜色值,十六进制和RGB。
line-height属性:用于设置行间距,常用单位有px,em和%。
text-align属性:用于设置文本内容的水平对齐,属性值有left,right,center。
text-indent属性:用于设置首行文本的缩进 。
text-decortion属性:用于设置文本的装饰,属性值有none,underline(下划线),overline(上划线),line-through。
五
复合选择器由两个或多个基础选择器组成,其目的是为了选择更精确的目标标签。
CSS复合选择器包括交集选择器,并集选择器,后代选择器,子元素选择器,伪类选择器,链接伪类选择器。
交集选择器由标签选择器和类选择器组成,书写格式为”标签名.类名{}“,之间不可以有空格或其他符号,(使用频率低)。
并集选择器,用于集体声明,书法格式通过逗号隔开,如:.one, p , #test {color: #F00;} ,(被选择的标签全为红色)。
后代选择器又被称为包含选择器,它可以选择包含在内的标签,中间通过空格隔开。
子元素选择器,通过">"进行连接,子级标签在父级标签之后。
伪类选择器,:link{ },可以给链接添加特殊效果。
链接伪类选择器,包括:link /* 未访问的链接 */ ,:visited /* 已访问的链接 */ ,:hover /* 鼠标移动到链接上 */ ,:active /* 选定的链接 */ (lv的包包hao)
选择器的优先级:就近原则,css中权重最高的样式为行内样式,就是以style=“”方式直接加入到HTML标签内的样式,其在css优先级中具有最高的权重,
id选择器
类选择器
标签选择器
通配符选择器
六
块级元素(block-level)
特点:独占一行或者多行,可以设置宽度,高度,对齐,外边距,内边距等属性,可以容纳内联元素和其它块元素,常用于网页布局及结构的搭建。
常见标签有:h1-h6,p,div,ul,ol,li等标签
行内元素(inline-level)又称内联元素
特点:仅仅靠自身字体大小或图像尺寸来支撑结构,一般不可以设置宽度,高度,对齐等属性,和相邻行内元素在同一行上,水平方向可以设定margin和padding值,但是垂直方向无效,除了a标签,行内元素只可以容纳文本和其他行内元素,常用于控制页面文本的样式。
常见标签有:a,strong,b,em,i,del,ins,s,u,span。
行内块元素(inline-block)
在行内元素中有几个特殊的标签——<img />、<input />、<td>,可以对它们设置宽高和对齐属性,有些资料可能会称它们为行内块元素。
行内块元素的特点:
(1)和相邻行内元素(行内块)在一行上,但是之间会有空白缝隙。
(2)默认宽度就是它本身内容的宽度。
(3)高度,行高、外边距以及内边距都可以控制。
标签显示模式转换 display
块转行内:display:inline;
行内转块:display:block;
块、行内元素转换为行内块: display: inline-block;