码迷,mamicode.com
首页 > Web开发 > 详细

CSS基础

时间:2016-08-22 10:47:34      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:

1.CSS概述:1)CSS是层叠样式表的缩写 2)1966年12月发布第一个CSS,但只是辅助作用,不受重视 3)1999年一月,CSS2.0正式推荐版发布,增加了对其它媒体(打印机、视觉设备)、可下载字体、元素定位和表格的支持 4)最新版的CSS标准CSS3.0已经开发出来,更具模块化

2.CSS的优点:1)提高页面浏览速度 2)缩短改版时间,降低维护费用 3)更好的控制页面布局 4)实现表现和结构、内容相分离。3)更方便搜索引擎的搜索

3.如何在XHTML文档中加入CSS

                             1)外部样式表<link rel="stylesheet"href="连接CSS样式表"/>

                               2)嵌入样式表:<style>p{color:red}</style>

                                  3)导入式样式表:<style>@important"URL"</style>(html代码下完,再导入CSS代码)

4.CSS语法:<style>p{color:red(声明块);}</style>

5.选择器

                                1)元素选择器(标签):文档里面所有相同的标签都选择

                                  2)ID选择器:①ID命名,数字、字母、下划线命名

                                                           ②不要以数字开头

                                                              ③不要和标签同名

                                                                  ④严格区分大小写

                                                                      ⑤命名有意义的

                                                                         ⑥写法:#ID名字{color:red;}

                                   3)类选择器①:<p class="aa">可写多个类名

                                                         ②写法:.aa{color:red;}

                                    4)后代选择器:写法:div 空格 p{color:red;}

                                      5)通配符选择器:*{color:red;}对所有的都进行选择

                                        6)伪类选择器:①使用a标签,

                                                                      ②遵循爱恨原则 a:link{}-点击之后变颜色   a:visited{}-访问后的颜色  a:hover{}-鼠标放上去之后的状态   a:active{}-鼠标点击瞬间样式改变  

                                          7)伪元素选择器:P:first-letter{}首字变    first-line{}首行变

 

CSS基础

标签:

原文地址:http://www.cnblogs.com/waitingforbb/p/5794653.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!