美文网首页
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