第1章,CSS简介
CSS的重点运用场景便是美化网页,布局页面。
1,HTML的局限性
说起HTML,这其实是个非常单纯的家伙,它只关注内容的语义。例如<h1>表面这是一个大标题,<p>显示这是一个段落,<img>显示这儿有一个照片,<a>暗示此处有链接。
很早的时候,世界上的网站虽然非常多,然则她们都有一个一起的特点:丑。
虽然HTML能够做简单的样式,然则带来的是没尽的臃肿和繁琐。
2,CSS:网页的美容师
CSS是层叠样式表(Cascading Style Sheets)的简叫作,有时亦叫作为CSS样式表或级联样式表。
CSS亦是一种标记语言,CSS重点用于设置HTML页面中的文本内容(字体、体积、对齐方式等)、照片的外形(宽高、边框样式、边距等)以及版面的布局和外观表示样式。
CSS让咱们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS能够美化HTML,让HTML更美丽,让页面布局更简单。
总结: HTML重点做结构,表示元素内容;CSS美化HTML,布局网页;CSS最大价值:由HTML专注去做结构呈现,样式交给CSS,即结构(HTML)与样式(CSS)相分离。3,CSS语法规范
运用HTML时,必须遵从必定的规范,CSS亦是如此。想要熟悉地运用CSS对网页进行修饰,首要必须认识CSS样式规则。
CSS规则由两个重点的部分形成:选取器以及一条或多条声明。
选取器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的详细样式;属性和属性值以“键值对”的形式显现;属性是对指定的对象设置的样式属性,例如字体体积、文本颜色等;属性和属性值之间用英文“:”掰开;多个“键值对”之间用英文“;”进行区分。4,CSS代码风格
以下代码书写风格不是强制规范,而是符合实质研发书写方式。
1,样式格式书写
/* 第1种:紧凑格式 */
h3 {color: red; font-size: 20px;}
/* 第二种:展开格式,剧烈举荐第二种格式,由于更直观 */
h3 {
color: red;
font-size: 20px;
}
2,样式体积写
/* 剧烈举荐样式选取器,属性名,属性值重要字所有运用小写字母,特殊状况除外 */
h3 {
color: red;
}
h3 {
COLOR: RED;
}
3,空格规范
/* 1, 属性值前面,冒号后面,保存一个空格 */
/* 2, 选取器(标签)和大括号中间保存空格 */
h3 {
co
|