• HTML(XHTML)基础知识(七)——【CSS】


    在 HTML 文档中引入 CSS 的方式

        ① 使用 <link> 标签:<link href="css 文件的 URL" type="text/css" rel="stylesheet" />

        ② 在 <style> 标签中使用 @import:<style>@import "css 文件的 URL"</style>

    =====================================================================

    CSS 中的度量单位

    CSS中的度量单位
    单位 说明
    % 百分比
    cm 厘米
    em 字体宽度
    ex 字母 x 的字体高度
    in 英寸
    mm 毫米
    pc 12pt
    pt 1/72 英寸
    px 像素

    CSS 中的颜色表示

    CSS 中的颜色表示
    表示方式 说明
    颜色名 特定的颜色名称,如 red、green、blue、yellow、black、grey 等等
    #rrggbb RGB 值的6位版16进制数表示,每个维度的值用两位16进制数表示;3位版16进制数表示为 #rgb
    rgb(r,g,b) 其中 r, g, b 用 0-255 的十进制数表示
    rgb(r%, g%, b%) 其中 r, g, b 用 0-100 的十进制数表示

    =====================================================================

    容器

        

        指定容器大小:clip

    p {clip: rect(top, right, bottom, left)}

        内容溢出时的处理方式:overflow 属性,取值auto、hidden、scroll 或 visible。

        确定容器的位置:静态定位、相对定位、绝对定位,固定或浮动;position 属性,配合 top、left、right、bottom 属性。

            position 取值:relative,相对于父元素的位置;absolute,相对于文档显示区域的绝对位置;fixed,相对于浏览器窗口的固定位置;float(left、right、none),在父元素内靠左、右(对齐)。对于块级元素,坐标原点为边框内沿左上角;对于行内元素则为内容区域的左上角。

        确定容器的层叠顺序:z-index 属性,取值为整数。

    =====================================================================

    背景

        属性:background、background-attachment、background-color、background-image、background-position、background-repeat

    文本

        text-decoration 属性:blink(闪烁)、line-through(删除线)、none、overline(上划线)、underline(下划线)

        text-align 属性:center(居中对齐)、justify(两端对齐)、left(左对齐)、right(右对齐)

        text-indent 属性:缩进

        font-weight 属性:bold、bolder、lighter、normal、100-900

        font-style 属性:italic、normal、oblique

    =====================================================================

    媒体类型

        可用媒体类型:all、aural、braille、embossed、handheld、print、projection、screen、tty、tv

  • 相关阅读:
    at( ) & [ ]
    正则表达式 & 字符串匹配
    c++ 类 A类调用B类
    c++ 类 类指针&new对象
    重载赋值运算符
    拷贝构造函数 & 拷贝初始化
    链式表达式
    Indirect modification of overloaded element of cmfpaginatorBootstrap has no effect
    chmod(): Operation not permitted
    canvas
  • 原文地址:https://www.cnblogs.com/shilxfly/p/9436969.html
Copyright © 2020-2023  润新知