css学习（一）

一.CSS简介

CSS的主要场景就是美化网页、布局页面的。

1.CSS的局限性

说起html，这其实是个非常单纯的角色，他只关注内容的语义。比如<h1>表明这是一个大标题，<p>表明这是一个段落，<img>表明这儿有一个图片，<a>表示此处有个链接。

2.css-网页的美容师

css是层香样式表(Cascading Style Sheets)的简称。

有时我们也会称之为css样式表或级联样式表。

css也是一种标记语言

css主要用于设置html页面中的文本内容(字体，大小，对齐方式等)图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式

css让我们的网页更加丰富多彩，布局更加灵活自如。简单理解:css可以美化html，让html更漂亮让页面布局更简单。

总结:

1.html主要做结构，显示元素内容。

2.css美化html，布局网页。

3.cSs最大价值:由html专注去做结构呈现，样式交给css，即结构(html)与样式(css)相分离。

3.Css语法规范

使用 HTML时，需要遵从一定的规范，CSS 也是如此。要想熟练地使用 CSS 对网页进行修饰，首先需要了解CSS 样:CSS 规则由两个主要的部分构成:选择器以及一条或多条声明。

选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式

属性和属性值以“键值对”的形式出现

属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等

·属性和属性值之间用英文“:”分开

多个“键值对”之间用英文";”进行区分

所有的样式，都包含在<style>标签内，表示是样式表。<style>一般写到</head>上方

4.CSS代码风格

1.样式格式书写

(1)紧凑格式

(2)展开格式

强烈推荐第二种格式，因为更直观。

2、样式大小写风格

(1)小写格式

(2)大写格式

强烈推荐样式选择器，属性名，属性值关键字全部使用小写字母，特殊情况除外。

3、样式空格风格

属性值前面，冒号后面，保留一个空格

选择器(标签)和大括号中间保留空格