• 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

  • 相关阅读:
    转:ITIL的開源軟件
    转:Asp.Net大型项目实践
    转:Ubuntu上apache多端口配置虚拟主机的方法
    转:JS 获取鼠标位置
    转:一切整合分享到新浪网易微博代码
    转:Facebook是如何发布代码的
    转:利用 Amazon Web Services 集成企业应用程序使用 Amazon SQS 发送 XML 消息
    sqlite3 常用操作
    转:4 款消息队列软件产品大比拼
    SQL Server 2008 列转行 实例
  • 原文地址:https://www.cnblogs.com/shilxfly/p/9436969.html
Copyright © 2020-2023  润新知