CSS介绍

css
            什么是css,为什么使用css。
                CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。
                是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
                
                html只能做基本的页面显示,而我们想要让页面美化,必须通过css对页面进行修饰。
                
                示例:在页面上显示一句话.
                            
                            
            怎样使用css
                1.html与css的结合.
                    1.所有的html标签都具有一个style属性.这个属性就是用来定义css
                        <span style="font-size:10cm">传智播客</span>
                        这种方式只能对某一个标签进行修饰.
                    2.使用<style>标签来声明我们的css
                        一般是在header中通过<style>标签来声明.
                        
                        <style type="text/css">
                            span,div{
                                font-size:2cm;
                            }
                        </style>
                        针对于当前页面上的所有元素.
                    3.可以单独定义一个样式表(就是一个.css文件)
                        在我们的页面上如果想要使用,可以直接导入这个css文件.
                        
                        <link href="css/3.css" type="text/css" rel="stylesheet">
                ------------------------------------------------------------------
                2.css的选择器.(重点)
                    用来确定当前的css对哪些标签进行修饰.
                        最基本的选择器有三种.
                            1.ID选择器   使用#  id值应该唯一.
                            2.class选择器
                            3.标签选择器
                            
                            
                            标签选择器---    针对于我们的html标签,它可以对相同名称的标签进行统一操作.
                            
                            id选择器----对标签的id的值匹配的元素进行操作,一般是个性化操作.
                            
                            class选择器---它是与class属性值匹配。
                            
                    关于样式表书写.
                        属性名称:值;
                        如果属性有多个值,值与值之间使用空格分开.
                        
                        如果是最后一个值,分号可以省略.
                        
                    -----------------------------------------------------------    
                        css过滤选择器
                            关联选择器                
                                具有层级关系的。
                                    E1 E2  代表E1下的所有的E2
                            子对象选择器    
                                    E1 > E2 代表的是E1下的子E2
                            组合选择器
                                具有相同属性的标签,可以用,分割开使用。
                            伪元素选择器
                                a:link  超链接未点击状态。
                                a:visited 被访问后的状态。
                                a:hover 光标移到超链接上的状态(未点击)。
                                a:active 点击超链接时的状态。
                                
                            属性选择器:
                                E[属性名=属性值]    

 

posted @ 2014-01-12 18:28  俊枫之恋小林  阅读(167)  评论(0)    收藏  举报