soyanzhong的博客

1、基本的选择器： 通用元素选择器——*{…} id选择器(略) 类选择器(略) 标签选择器——a{ color:xxx; }2、组合型选择器： A、同一级别多元素选择器——使用”,”隔开。 如：h1,a,div{…}，表示被h1标签，a标签及div标签里括起的内容所使用的样式B、后代选择器——使用空格来隔开。 如：a li{….}，表示的是匹配a标签下的所有li标签 C、子元素选择

水平居中的text-align:center 和 margin:0 auto这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响，否则一切都是无用功。margin:0 auto 也可以被写成margin:0 auto 0 auto。不能理解的童鞋们可以自己去找找关于css缩写的内容。垂直居中的line-height什么？！m

select标签的写法：<select> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option></select>标签的写法(单选框):<input t

list-style-type：设置列表的标志类型（none/square/…） 当设置为none时，列表的标志将不会显示有时，常规的标志是不够的。你可能想对各标志使用一个图像，这可以利用 list-style-image 属性做到： ul li {list-style-image : url(xxx.gif)}

a:link {color:#FF0000;} /* 未被访问的链接 */ a:visited {color:#00FF00;} /* 已被访问的链接 */ a:hover {color:#FF00FF;} /* 鼠标指针移动到链接上 */ a:active {color:#0000FF;} /* 正在被点击的链接 */注意： 当为链接的不同状态设置样式时，请按照以下次序

font-family——设置字体（宋体、黑体之类的）font-style——设置字体风格（也就是正常显示还是斜着显示） normal - 文本正常显示 italic - 文本斜体显示 oblique - 文本倾斜显示 通常情况下，italic 和 oblique 文本在 web 浏览器中看上去完全一样。font-size：设置字体大小。可以使用px单位也可以使用em。 如果要避免在 In

text-indent——缩进元素中文本的首行 eg. p {text-indent: 5em;}， text-indent 还可以设置为负值:p {text-indent: -5em;}， 不过在为 text-indent 设置负值时要当心，如果对一个段落设置了负值，那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题，建议针对负缩进再设置一个外边距或一些内边距：p {t

设置背景颜色——:background-color 设置背景图——:background-image{ URL：xxxx}(必须设置一个url链接到相应图片才行) 设置背景重复——:background-repeat：{ repeat-y/repeat-x/no-repeat}（这样的重复能让尺寸很小的背景，也能填充满大的body） 设置背景定位——：background-position{c

三种方式如下：

语法格式： @media mediaType and|not|only (media feature) { /CSS-Code;/ }如： @media screen and (max-width: 300px) { body { background-color:lightblue; } } 设置了当屏幕宽度不超过300px时，背景颜色是