CSS 代码语法 代码注释
2016-07-26 18:45
344 查看
css 代码语法：
css样式由选择符和声明组成，而声明又由属性和值组成。
eg：
p{
color:red
}
p:选择符
color: 属性
red: 值
讲解：
选择符 又称选择器，指明网页中要应用该样式规则的元素，如本例中是网页中所有的段{P}的文字将变成红色，而其他的元素将不变。
在{}中的就是声明，属性和值之间用英文的冒号 : 分隔，当有多条声明时，用英文的分号 ; 分隔。
注意：
1. 最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。
2.为了使用样式更加容易阅读，可以把每条代码写入一个新行内。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS代码语法</title>
<style type ="text/css">
p{
font-size:12px;
color:red;
font-weight:bold;
}
</style>
</head>
<body>
<p>慕课网，超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！</p>
</body>
</html>
CSS代码注释
就像HTML的注释一样，在CSS中也有注释，/* 注释语句*/ 在HTML中 是 /!--注释语句--!/
css样式由选择符和声明组成，而声明又由属性和值组成。
eg：
p{
color:red
}
p:选择符
color: 属性
red: 值
讲解：
选择符 又称选择器，指明网页中要应用该样式规则的元素，如本例中是网页中所有的段{P}的文字将变成红色，而其他的元素将不变。
在{}中的就是声明，属性和值之间用英文的冒号 : 分隔，当有多条声明时，用英文的分号 ; 分隔。
注意：
1. 最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。
2.为了使用样式更加容易阅读，可以把每条代码写入一个新行内。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS代码语法</title>
<style type ="text/css">
p{
font-size:12px;
color:red;
font-weight:bold;
}
</style>
</head>
<body>
<p>慕课网，超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！</p>
</body>
</html>
CSS代码注释
就像HTML的注释一样，在CSS中也有注释，/* 注释语句*/ 在HTML中 是 /!--注释语句--!/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Web布局连载——两栏固定布局（五）
- [div+css]晒晒最新制作专题推广页模板
- 盒子模型
- CSS选择器
- CSS样式优先权
- [css] line-height 百分比单位和数值单位的区别
- css如何搞正方形
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 移动端点击事件全攻略，这里的坑你知多少？
- $q 实例分析 Angular 中的 Promise
- 浏览器中唤起native app || 跳转到应用商城下载
- Angular directive 实例详解
- 关于浮动与清除浮动，你应该知道的
- 数组reduce方法的高级技巧
- 设计更快的网页（三）：字体和 CSS 调整