HTML(XHTML)基础知识(七)——【CSS】
在 HTML 文档中引入 CSS 的方式
① 使用 <link> 标签:<link href="css 文件的 URL" type="text/css" rel="stylesheet" />
② 在 <style> 标签中使用 @import:<style>@import "css 文件的 URL"</style>
=====================================================================
CSS 中的度量单位
单位 | 说明 |
% | 百分比 |
cm | 厘米 |
em | 字体宽度 |
ex | 字母 x 的字体高度 |
in | 英寸 |
mm | 毫米 |
pc | 12pt |
pt | 1/72 英寸 |
px | 像素 |
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
内容溢出时的处理方式: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