版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
CSS学习笔记
本文内容:
一、CSS简介
1. 简介
2. 语法规范
3. 代码风格
3.1 样式格式书写
3.2 空格规范
一、CSS简介
1、简介
CSS是层叠样式表的简称,也称之为CSS样式表或级联样式表。CSS也是一种标记语言,是网页美容师。
CSS最大的价值在于:可以让HTML专注去做结构呈现,样式交给CSS,即结构(HTML)与样式(CSS)分离 。
2、语法规范
主要由两个部分构成:选择器以及一条或多条声明
选择器是用于指定CSS样式的HTML标签。
属性和属性值之间以 “键值对” 的形式出现。
<style>
/* 选择器 { 样式 } */
p {
color: red; /*冒号隔开,分号结尾*/
font-size: 12px; /*修改文字像素,后面记得加px*/
}
</style>
3、代码风格
以下代码规范并不是强制要求,而是符合实际开发书写方式。
3.1 样式格式书写
紧凑格式:
h3 { color:deeppink;font-size:20px;}
展开格式:
h3 {
color: deeppink;
font-size: 20px;
}
推荐展开格式!
3.2 空格规范
在属性值前面,冒号后面,保留一个空格;
选择器(标签)和大括号之间要保留一个空格:
h3 {
color: pink;
}