CSS

作者: cjdale | 来源:发表于2022-06-30 16:50 被阅读0次

    CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称,也会称之为 CSS 样式表或级联样式表。

    使用场景: 美化网页, 让 HTML 更漂亮, 让页面布局更简单。
    网页布局的本质——用 CSS 来摆放盒子, 把盒子放到目标位置上。

    CSS基础选择器

    选择器就是根据不同需求把不同的标签选出来这就是选择器的作用,选择器分为基础选择器和复合选择器。
    基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器。


    基础选择器.png

    字体属性

    font: font-style font-weight font-size/line-height font-family;

    • 使用 font 属性时,必须按上面语法格式中的顺序书写,不能更换顺序,并且各个属性间以空格隔开;
    • 不需要设置的属性可以省略(取默认值),但必须保留 font-size 和 font-family 属性,否则 font 属性将不起作用

    文本属性

    文本属性可定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。
    color text-align text-decoration text-indent line-height

    float浮动

    加了浮动之后的元素,会具有很多特性:

    • 浮动元素会脱离标准流(脱标)
    • 浮动的元素会一行内显示并且元素顶部对齐
    • 浮动的元素会具有行内块元素的特性

    居中显示

    • 块级元素居中显示:margin: 0 auto;
    • 行内元素或者行内块元素水平居中给其父元素: text-align:center;

    相关文章

      网友评论

          本文标题:CSS

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