HTML（XHTML）基础知识（七）——【CSS】

最新推荐文章于 2024-07-08 22:40:20 发布

连坡路2号

最新推荐文章于 2024-07-08 22:40:20 发布

阅读量156

点赞数

分类专栏：学习笔记文章标签： html

本文链接：https://blog.csdn.net/shilx205/article/details/80959495

版权

8 篇文章 0 订阅

订阅专栏

在 HTML 文档中引入 CSS 的方式

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

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

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

CSS 中的度量单位

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

关注