css常用知识

1.基本语法规范
p {color:#ff0000;background:#ffffff}
a.其中"p"称为"选择器"(selectors),指明我们要给"p"定义样式
b.样式声明写在大括号"{}"里
c.color和background称为属性。不同属性用";"隔开
d."#ff0000"和"#ffffff"为属性值
----------------------------------------------------------
2.定义字体
body{font-family:"Lucida Grande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;}
字体按照所列出的顺序选用，如果用户的计算机含有Lucida Grande字体，文档就被指定为Lucida Grande
-----------------------------------------------------------
3.群选择器
p,td,li{font-size:12px;}
当几个元素样式属性一样时，可以共同调用一个申明，元素之间用逗号隔开
-----------------------------------------------------------
4.派生选择器
li strong{font-style:italic; font-weight:normal;}
就是给li下面的子元素strong定义一个斜体不加粗的样式
---------------------------------------------------------
5.id选择器
先定义一个层<div id="menubar"></div>
然后在样式表里定义#menubar {MARGIN:0px;background:#fefefe;color:#666;}
其中"menubar"是你自己定义的id名称。注意在前面加"#"号。
id 选择器也支持派生，如#menubar p{text-align:right;margin-top:10px}
这个方法主要是用来定义层和那些比较复杂，有多个派生的元素
-----------------------------------------------------------
6.类别选择器
.name {color:#f60;font-size:14px;}
在页面中class="类别名"的方法调用:<span class="name">测试</span>
这个方法比较简单灵活，可以随时根据页面需要新建和删除
-----------------------------------------------------------
7.定义链接的样式
css中用四个伪类来定义链接的样式，分别是：a:link、a:visited、a:hover和a:active
比如：a:link{font-weight:bold;text-decoration:none;color:#c00}
a:visited{font-weight:bold;text-decoration:none;color:#c00}
a:hover{font-weight:bold;text-decoration:none;color:#c00}
a:active{font-weight:bold;text-decoration:none;color:#c00}
以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意，必须按以上顺序写，否则显示可能和你预想的不一样
-----------------------------------------------------------

 

打个小广告：英语爱好者加群：102234283，里面很多老外，可以学学口语

android/ios爱好者加群： 308967142

webapp爱好者加群：339073325

这个app潮流公众帐号主要是推荐给手机用户最近最潮的软件，让大家随时跟上时尚。我们会提供给你们最好的服务,也可以在微信中搜索appchaojiu加入关注，喜欢我们就帮我们推荐吧！