css教程

发布时间：2025-09-21 06:09:57 阅读量： 0 来源： 互联网转载

css是一种用来表现HTML或XML等文件样式的计算机语言。css教程包括：1.CSS的规则组成；2.书写格式和注释写法；3.长度单位；4.HTML文档中放置CSS的几种方式。

CSS和HTML一样都是由W3C制定的标准。

font-size:30px;

/* color:yellow; */

border:1px solid blue;

}

注：p 是选择器 {}的包含的内容是声明 font-size: 30px; 属性：属性值；属性和属性值之间用英文冒号，属性值结尾用英文分号。/* */ 为注释靠近大括号的最后一个属性值，英文分号可以省略。

em (如：font-size:2em;)1em是默认浏览器文字大小，em的数值是默认文字大小倍数。

px (如：font-size:14px;) 是一个像素的单位

pt(如：font-size:12pt;) 是一个磅的单位

%（font-size:80%）是一个百分比。

注：pc(活字）cm(厘米) mm(毫米) in(英寸)。有的属性也可以使用一个百分比，可以由可选的正号或负号、接着一个数字，在一个长度单位或者百分单位中没有空格，百分比是相对于其他的数值的，颜色单位和URL值颜色单位：

1.使用英文单词：red yellow blue green lime navy white等16个。

2.RGB颜色：#rrggbb(如#ff00ff）。rgb(x,x,x),x是0-255的整数（如rgb(255,255,0).rgba(x,x,x,y)x是0-255的整数，y是0-1整数或小数，表示透明度。html 5新特性。

hsl(x,y,y) x是0-360的整数，y是0-100%。（如hsl(90,40%,48%) HSL(色相、饱和度、亮度）hsla(x,y,y,z)x是0-360的整数，y是0-100%, z是0-1的整数和小数。(如：hsl（90,69%,78%,0.5)

兼容性：IE8及更早浏览器不支持color的RGBA, HSL, HSLA及transparent值。

URL值：URL的格式：url(addr),addr是一个url.url可以用单引号或者双引号，也可以不加引号。

内联样式表：<p >内联样式表修饰P标签</p>

注：使用style内联，放置在任意body元素（包括body本身）优先级最高。

嵌入一个样式表：<style type="text/css">

@import url("first.css"); 使用import 导入外部css文件

body{background:url(foo.gif); color:black}

p em{background:yellow; color:black}

.note{margin:6px;}

</style>

注：嵌入样式表只能放在<head></head>标签中，不同于<script></script>可以在放在<body></body>内。

连接到一个外部样式表： <link rel="stylesheet" type="text/css" href="style.css">

注：只能放在<head></head>标签内

优先级：内联高于其它三种，其

它三种按照出现的先后顺序来决定。

(内联样式表：<p >内联样式表修饰P标签</p>

注：使用style内联，放置在任意body元素（包括body本身）优先级最高。, 嵌入一个样式表：<style type="text/css">

@import url("first.css"); 使用import 导入外部css文件

body{background:url(foo.gif); color:black}

p em{background:yellow; color:black}

.note{margin:6px;}

</style>

注：嵌入样式表只能放在<head></head>标签中，不同于<script></script>可以在放在<body></body>内。, 连接到一个外部样式表： <link rel="stylesheet" type="text/css" href="style.css">

注：只能放在<head></head>标签内

最后，推荐我们的管理工具给大家。

热门文章