位置:电子教程 > CSS入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
CSS入门
CSS 基础样式
CSS 高级样式
语法应用:CSS 对齐
当前阅读教程:CSS入门到精通 > CSS语法
阅读(22555525)      收藏       赞(5685)      分享
上一篇: CSS 简介 下一篇: CSS Id 和 Class选择器

第一个示例

小白教程网www.2d5.net

说明:第一个CSS页面,定义h1标签字体大小12px,蓝色字体。

代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>第一个CSS页面</title>
     <!--定义样式-->
     <style>
       /*定义h1标签为蓝色字体,大小为12px*/
        h1{color: blue;font-size: 12px;}
     </style>
</head>
<body>
     <h1>第一个CSS页面</h1>
</body>
</html>
效果图

小白教程网www.2d5.net

image.png

语法解析

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

image.png

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是您希望设置的样式属性(style attribute)。

每个属性有一个值。属性和值被冒号分开。

CSS声明总是以分号(;)结束,声明总以大括号({})括起来:

h1{color: blue;font-size: 12px;}

为了让CSS可读性更强,你可以每行只描述一个属性:

h1{
color: blue;
font-size: 12px;
}


CSS 注释

注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。

CSS注释以 "/*" 开始, "*/" 结束, 实例如下:

/*这是个注释*/
p
{
text-align:center;
/*这是另一个注释*/
color:black;
font-family:arial;
}

 


上一篇: CSS 简介 下一篇: CSS Id 和 Class选择器
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)