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

posted @ 2018-08-07 14:55  RickyShilx  阅读(204)  评论(0编辑  收藏  举报