CSS1-2基础补充

CSS字体属性

text-indent属性(缩进文本)

作用:设置首行字体缩进
注意点:1.一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素,图像之类的替换元素上也无法应用 text-indent 属性。不过,如果一个块级元素(比如段落)的首行中有一个图像,它会随该行的其余文本移动。2.text-indent 属性可以继承

word-spacing属性(字间隔)

作用:可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。

letter-spacing属性(字母间隔)

作用:字母间隔修改的是字符或字母之间的间隔

text-transform属性(字符转换)

作用:改变文本的大小写
none:默认;
uppercase:大写;
lowercase:小写;
capitalize:只对每个单词的首字母大写;

text-decoration属性(文本装饰)

作用:none:默认;
underline:下划线;
overline:文本的顶端画一个上划线;
line-through:文本中间画一个贯穿线;
blink:是文本闪烁;

white-space(处理空白符)

作用:处理文本中的空白符,换行等;

em

使用 em 来设置字体大小!
1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素,那么对于该元素,1em 就等于 16 像素。在设置字体大小时,em 的值会相对于父元素的字体大小改变。
浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。

CSS选择器

:focus 伪类

:focus 伪类在元素获得焦点时向元素添加特殊的样式。

:first-line 伪元素

作用:"first-line" 伪元素用于向文本的首行设置特殊样式。
注意点:"first-line" 伪元素只能用于块级元素。

:before 伪元素

作用:":before" 伪元素可以在元素的内容前面插入新内容。

:after 伪元素

作用:":after" 伪元素可以在元素的内容之后插入新内容。

CSS分类

cursor 属性

作用:规定当指向某元素之上时显示的指针类型。

visibility 属性(可见性)

作用:visible:默认可见;
hidden:元素是不可见的;
collapse:当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden";
inherit:规定应该从父元素继承 visibility 属性的值。

CSS2 媒介类型

@media规则

all:用于所有的媒介设备;
aural:用于语音和音频合成器;
braille:用于盲人用点字法触觉回馈设备;
embossed: 用于分页的盲人用点字法打印机;
handheld:用于小的手持的设备;
print:用于打印机;
projection:用于方案展示,比如幻灯片;
screen:用于电脑显示器;
tty:用于使用固定密度字母栅格的媒介,比如电传打字机和终端;
tv:用于电视机类型的设备;

你可能感兴趣的:(CSS1-2基础补充)