blog/docs/code/html/css-attribute-promote.md

1.4 KiB
Raw Blame History

title date tags categories author
CSS属性提高 2022-01-08 20:25:42
CSS
CSS Anges黎梦

文本常用样式属性二:

  • text-align 设置文字水平对齐方式如text-align:center 设置文字水平居中

  • text-indent 设置文字首行缩进text-indent:24px; 设置文字首行缩进24px

  • font-style 设置字体是否倾斜font-style:'normal'; 设置不倾斜font-style:'italic';设置文字倾斜

  • font 同时设置文字的几个属性,写的顺序有兼容问题,建议按照如下顺序写: font是否加粗 字号/行高 字 体;如: font:normal 12px/36px '微软雅黑';

其他常用样式属性:

  • list-style 设置无序列表中的小圆点,一般把它设为"无"list-style:none

css元素溢出

当子元素的尺寸超过父元素的尺寸时需要设置父元素显示溢出的子元素的方式设置的方法是通过overflow属性 来设置。

overflow的设置项

1、visible 默认值。内容不会被修剪,会呈现在元素框之外。

2、hidden 内容会被修剪并且其余内容是不可见的此属性还有清除浮动、清除margin-top塌陷的功能。

3、scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

4、auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。