css一：入门了解

css由来？

css不是真正的编译语言，甚至不是标记语言，是一门样式语言。

“css规则集”详解

整个结构称之为规则集，注意一下语法：

• 每个规则集除了选择器之外都应该包含在成对的大括号中；、
• 属性和属性值之间要用：分割；
• 每个声明要用（;）分割；

选择器分类

选择器名称	选择的内容	示例
元素选择器	所有指定类型的HTML元素	p
ID选择器	单一HTML页面中，每个ID值对应一个元素，一个元素之对应一个ID	#my-id 选择<p  id="#my_id">或者<a id = "my-id">
类选择器	一个类可以有多个实例	.my-class 选择<p class="my-class">或者 <a class="my-class">
属性选择器	用于特定属性的元素	img[src] 选择<img src="1.png"> 而不是<img>
伪类选择器	特定状态下的特定元素（比如鼠标指针悬停）	a:hover\ 仅在鼠标指针悬停在链接上时选择<a>

盒子模型

一切皆盒子，页面里面大部分HTML元素都可以被看作若干层叠的盒子

盒模型属性

属性	简介	示例
padding	内边距，围绕这内容（比如段落）的空间	html {   background-color: #00539F;    /*更改页面颜色*/ } body{     width:600px;         /*强制设置页面宽度为600px*/     margin: 0 auto;     /*上下为0，水平方向上左右对称*/     background-color: #FF9500; /*设置body背景颜色*/     padding: 0 20px 20px 20 px; /*上、右、下、左*/     border: 5px soild black;    /*设置为5像素的黑色实线边框*/ } text-shadow:3px 3px 1px black; /*第一个值：阴影右移像素数（负数左）；第二个值：阴影下移； 第三个值：阴影的模糊半径，值越大产生的阴影月模糊；第四个值：阴影基色*/ img{                      /*图像居中*/       display: block;       margin: 0 auto; }
border	边框，紧接着内边距的线
margin	外边距，围绕元素外部的空间
width	元素的宽度
background-color	元素内容和内边距底下的颜色
color	元素内容（通常是文本）的颜色
text-shadow	为元素内的文本设置阴影
display	设置元的显示模式