美文网首页
CSS1-2基础补充

CSS1-2基础补充

作者: 月光也会跟着我 | 来源:发表于2019-08-14 15:07 被阅读0次

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基础补充

    CSS字体属性 text-indent属性(缩进文本) 作用:设置首行字体缩进注意点:1.一般来说,可以为所有块级...

  • SQL高级运用

    -- =================================sql基础补充==============...

  • mysql的用法2

    -- =================================sql基础补充==============...

  • dart 语言 01

    基础部分 2. 补充.

  • IOS开发_蓝牙开发思路

    目录: 1. 基础概念补充; 2. IPhone(APP)作为中心设备的开发流程; 1. 基础概念补充; 1.1 ...

  • 这是一份完整的python基础知识补充

    万恶之源 - Python基础知识补充 阅读目录 编码转换 基础补充 深浅拷贝 id is == 代码块(了解) ...

  • C语言回顾

    基础知识 控制流 基础知识补充 其他主题

  • Python基础补充

    作为一名初学者的我在Python使用过程中会遇到的问题(随时有问题随时更新) 1.在python3.x时候,变量命...

  • Vue基础补充

    第一章 注意点 全局组件 局部组件 组件传值(子组件修改父组件数据) 第二章 条件渲染 列表渲染 第三章(组件) ...

  • Java基础补充

    今日内容 Junit单元测试 反射 注解 一、Junit单元测试 测试分类黑盒测试:不需要写代码,给输入值,看程序...

网友评论

      本文标题:CSS1-2基础补充

      本文链接:https://www.haomeiwen.com/subject/ujsgjctx.html