这次从CSS样式的优先级继续记录。如果将样式的优先级用数字来表示的话那就是:内联样式:1000,id选择器:100,class选择器和伪类选择器:10,元素选择器:1,通配选择器:0。比通配选择器还低的就是继承的样式。继承的样式没有优先级。如果选择器的优先级一样,则使用靠后的样式。(靠后是指在style模块中靠后的)。并集选择器的优先级单独计算。当给一个样式添加了(!important)的时候,此时该样式将会获得最高的优先级。
伪类的顺序:a的伪类以供有4个 link visited hover active (写的时候也要按照顺序来)
文本标签 em strong em表示一段内容的着重点,主要表示语气上的强调,默认为斜体。strong表示一个内容的重要性,强调一个内容,比em更强烈,默认为粗体。 i标签是斜体 b标签是加粗。h5规范中,对于不需要着重的内容而只是单纯的加粗或斜体,就可以使用i和b。 small 表示小的字体,比如合同中的小字、网站版权的声明等。网页中所有加书名号的内容都可以使用cite。如书名、歌名、话剧等。 q表示一个短的引用。会给引用内容加一个引号。 blockquote表示一个长的引用。blockquote会独占一行。 使用sup标签可以设置一个上标。使用sub标签设置下标。ins表示插入的内容,会在加入的内容加一个下划线。 del表示删除的内容会在删除的内容上加一根横线。pre可以用来表示代码文字,且保留格式。code用来表示代码,但是不会保留格式。一般是结合pre和code来使用,既可以保留格式,也能用来表示其内容是一段代码。
列表分为:有序列表、无序列表、定义列表
无序列表:使用ul来创建一个无序列表,li就是ul的列表项。可以使用type属性改变li前面的圆点。但是li的项目符号一般用css来编写和修改,以防不同浏览器显示不一样。ul li都是块元素。
有序列表ol:
定义列表:dl定义列表可以对一些词汇或内容进行定义 dl有两个标签 dt和dd dd是用来对dt来进行定义的
有序列表和无序列表以及定义列表 可以嵌套使用
单位:px像素 像素是网页使用的最多的一个单位,一个像素其实就是屏幕中的一个小点,我们的屏幕实际上就是 由这些像素点构成的。不同的显示器,一个像素的大小也是不同的。显示效果越清晰,像素越小
百分比设置大小 是指其在父元素中的百分比大小,好处是当父元素改变时,会自适应,不需要再去手动修改子元素的大小
em和百分比类似,他是相当于当前元素的字体大小进行设置的。当字体大小发生改变时,em的也会随之改变,可用来设置首行缩进 (text-ident:2em)
颜色单位 :rgb值 也可以用颜色的单词来表示字体的颜色,但是单词毕竟有限,可以使用取色器的工具获取颜色的rgb值,rgb值可以为数字,也可以是百分比值
浏览器中字体的大小默认为16px font-size实际上设置的不是字体的大小,其设置的是格的高度,一般文字都比格小,有时也会比格大,不同的字体显示效果也不同 font-family 设置字体。当采用某种字体时,只有该浏览器支持此字体,才会发生变化,而不支持的话就会依然是默认字体。font-family可以设置多个字体。字体之间用逗号分开。
字体分类:serif (衬线字体) sans-serif(非衬线字体) monospace(等宽字体) cursive(草书字体) fantasy(虚幻字体)。在设置字体是,可以将字体设置为大的分类字体,浏览器会自动选择出一种设置的大分类的字体进行分配
font-weight可以设置字体的粗细,也可以用数字来表示,数字的范围100-900,但其实一般来说字体只有normal和blod两种。如果单独设置字体的各个样式麻烦,可以使用font将字体的各个样式都可以进行设置
行间距:在CSS中没有直接设置行间距的属性,但是可以通过设置行高来间接设置行间距 line-height 行间距=行高-字体大小 line-height可以直接接受一个大小,也可以指定一个百分数,浏览器回去计算,可以接受一个数值,则行高会设置字体大小的相应的倍数
对于单行文本来说,可以将行高设置为和父元素的高度一致,这样文本就可以在父元素中居中 在字体后面也可以加(/行高 )来指定行高 行高必须设置在设置字体大小的后面
text-transform:属性 用来设置文本(一般都是英文喂文本,设置大小写、首字母大小写等)none、capitalize(首字母大写)uppercase 、lowercase
text-decoration:属性 用来设置文本的装饰 none、 underline (下划线) 、overline(上划线)、line-through(文本中穿过一条线(删除线))
超链接a默认有一条下划线,因为其text-decoration的属性默认为underline
letter-spacing 字符间间距 word-spacing 单词间间距
text-align设置文本的对齐方式 默认为左对齐方式 left right center justify两端对齐
text-ident:首行缩进 此属性值为正值或负值时,表示向左向右移