新学css

   之前都在做网站的时候，主要负责的是后台，所以前台的知识都不太熟悉。今天开始看有关CSS的知识点，将它记录下来。万一忘了，查看也比较方便。

添加背景图片。例子：

body{background:url(填照片的路径)no-repeat;}//设置背景图片不平铺

margin:表示四边距

margin：0 表示四边距的像素为0

text-indent:20px 首行缩进20px

line-height:20px 文字行高为20px

标签选择器(以p标签为例) p{font-size:24px;color:#green;}

类选择器 .className{font-size:24px;

                                  color:#green;}

ID选择器 #idName{

                                  font-size:24px;

                                  color:#green;}

全局选择器用星号表示，它能作用于xhtml文档中的所有元素。用全局选择器声明的CSS样式可以用于整个xhtml的任何标签。

组合选择器:标签选择器、类选择器和ID选择器可以组合起来使用

在.html文件中

<p class="one">f</p>

<h1 class="one">g</h1>

在.css文件中

p.one{color:pink;}//组合选择器的优先级高,所以p标签中的文字显示为粉色

one{color:blue;}h1标签中显示为蓝色。

继承选择器：

文档树：将整个xhtml看成一棵树，html标签是根元素，body和head为子元素。子元素里面包含的标签为其根元素的孙子元素。子元素继承父元素的CSS样式，兄弟元素之前互不影响。改变子元素的CSS样式不会影响父元素的CSS样式。

在继承选择器中:不仅是父子，爷孙甚至跨更多级之间都可以继承。

格式p b{......} //p b 之间有空格

伪类：

超链接伪类  a:link://设置超链接未被访问前的样式

                   a:active//设置超链接在被用户激活时的样式

                    a:visited//设置超链接的地址已经被用户访问过时的样式

                     a:hover//设置超链接地址在鼠标悬停时的样式

集体声明：选择器1，选择器2，选择器3{......}  //id选择器的优先级高于类选择器，类选择器的优先级高于标签选择器。

相对单位能适应不同的屏幕分辨率和不同的浏览器。常见的相对单位有px.

在学习和实践的过程中，经常碰到有关图片位置的问题。我觉得非常有必要好好看看这方面的知识:

background-position：//改变背景图片与页面元素之间的相对位置。

background-position:10px(横向相对位置) 20px(纵向相对位置)

固定的背景图片：background-attachment :fixed(固定）/scroll(移动)