CSS的一些简单常识

1：图形的层数问题，固定层级要特别注意。z-index

2:css浮动 float:left 可以方便的布置出一个页面格式

3：在文本框中控制背景图片的大小，让它可以适应文本的大小时，我们可以通过

我们可以通过javascript来先获取文本框的style对象，修改它的width、height来。

var t1 = document.getElementById("t1");t1.setAttribute("STYLE","margin:0px;width:800px;height:280px");

4：定义背景图片时直接在标签中定义url中可以不加“” 但是在<style></style>中定义时我们则需要加“”

5：锚点的作用，可以作为一个标记，用来会带某个地点是对name属性的跳转比如在《a》标签上定义name属性，接着在另一个《a》标签上

就可以<a href=#name></a>的方式跳转到那个锚点。

6：三种使用css的方法。（1）直接在元素的style内部定义。比如<p style="color:red"></p>
     （2）在head体内定义style<style>p{color:red}</style>
     （3）在.css为后缀的样式表文件中定义<link rel="stylysheet" type="text/css" href="stef.css" />

7：元素的优先级：最近原则，离元素最近的规则优先级最高，CSS规定，子元素从父元素继承属性。但不是所有情况都这样

（1）元素选择器h1 {color:red; font-size:14px;}

  （2）选择器的分组 h1,h2,h3,h4,h5,h6 { color: green; }

   （3）后代选择器ul li strong {color: red;font-size: 18} 用空格隔开选择某个后代。

     （4）id选择器 可以在某个属性上定义一个id名，用#id名的方式来选中它就可以对其样式进行更改。
（5）子元素选择器 h1 > strong {color:red;}只能选择子这个后代
（6）兄弟元素选择器li + li {font-weight:bold;}
（7）属性选择器*[title] {color:red;} a[href] {color:red;}a[href][title] {color:red;}
属性值里包含某个值：
p[class*=“important”] {color: red;} 
属性值以某个值开头
p[class^=“important”] {color: red;}
属性值以某个值结尾
p[class$=“important”] {color: red;}