美文网首页
CSS中常用属性

CSS中常用属性

作者: 不想起床_9a42 | 来源:发表于2019-11-20 14:14 被阅读0次

1.百分比宽度减固定宽度:width:calc(100% - 100px);

2.margin与padding

margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。(外边距)

padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。(内边距)

3.去除a标签的下划线

text-decoration: none;

4.vertical-align 属性设置元素的垂直对齐方式

如果不起作用可以尝试把line-heght 值为其父元素<div>的height值

5.文本居中   text-align: center;

6.vertical-align:middle

在CSS样式中,vertical-align 属性设置元素的垂直对齐方式,想必学过一个前端的人都知道这个东西,也知道怎么用。今天在做 项目的时候遇到一个坑,在这里做个记录。先简单说一下vertical-align 这个属性吧,根据查阅文档可以知道它有如下几个参数:baseline:与元素的基线对齐。

middle:与元素中部对齐。

sub:字下沉。

super:字上升。

text-top:文本顶部对齐。

text-bottom:文本底部对齐。

top:和本行位置最高元素对齐。

bottom:和本行位置最低元素对齐

7.给ul li去除前面的点

list-style-type: none;

8.给段落前面加空格

text-indent:2em;

3. css常用的属性

属性名含义可取值 

Width块级元素才能给宽度Px % em vw rem 

Height Px %  vh  rem 

min-width定义元素的最小宽度  

max-width定义元素的最大的宽度  

Overflow清除浮动 处理溢出的内容Hidden隐藏

Visible可见

Scroll滚动

Auto自动

border-width边框的宽度  

border-style边框的样式Solid实现 double 双实线 dashed 虚线 

border-color边框的颜色  

border 宽度 样式 颜色 

margin外间距  

padding内边距 

相关文章

网友评论

      本文标题:CSS中常用属性

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