36 lines
1.4 KiB
Markdown
36 lines
1.4 KiB
Markdown
---
|
||
title: CSS属性提高
|
||
date: 2022-01-08 20:25:42
|
||
tags:
|
||
- CSS
|
||
categories: CSS
|
||
author: 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 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 |