前端入门(CSS上半部分)

CSS 样式由选择器和声明组成,而声明又由属性和值组成,例如p{font-size:12px;color:red;}

注释语法为/*注释语句*/

内联式CSS样式就是把CSS代码直接写在现有的HTML标签中,如<p style="color:red;font-size:12px">这里文字是红色。</p>

嵌入式CSS样式就是把CSS代码写在头部的<style type="text/css"></style>标签之间

外部式CSS样式就是把CSS代码写一个单独的外部文件中,之后在头部导入<link href="base.css" rel="stylesheet" type="text/css" />

三者的优先级为就近原则

选择器类型有标签选择器、类选择器(用英文圆点加类名)、ID选择器(用#加ID名),子选择器(用大于号指定标签的第一代子元素),后代选择器(用空格指定标签的后代元素)

伪类选择器可以为标签的某种状态设置样式,如a:hover{color:red;},分组选择符使用逗号为多个标签设置同样的样式

一个元素可以有多个类但只能有一个ID

CSS的某些样式是具有继承性的,但有一些CSS样式是不具有继承性的

权值高的CSS样式会被使用,标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100

层叠就是对于同一个元素可以有多个CSS样式存在,当有相同权重的样式存在时,会根据这些CSS样式的前后顺序来决定,处于最后面的css样式会被应用

使用!important来为某些样式设置具有最高权值,如p{color:red!important;}

文字排版,字体font-family,字号font-size,颜色color,粗体font-weight:bold,斜体font-style:italic,下划线text-decoration:underline,删除线text-decoration:line-through

段落排版,缩进text-indent:2em,行间距line-height:1.5em,字母间距letter-spacing,单词间距word-spacing,对齐text-align

猜你喜欢

转载自www.cnblogs.com/dreamtrue13/p/8963802.html