css选择器

一 css

Css 层叠样式表 网页风格设计,修饰网页的标签,从而是标签 和 属性分开放置(两个文件),便于代码管理

Web2.0 表现与结构分离(标签和属性分开)

Html文件

Css文件

  1. css的调用方式:

3种方式:

 外部样式   html     css   *****

 页内样式:

           <style type="text/css">

          

                 </style>

行内样式: <标签style=”样式”>

2 .css选择器:

      选择器:选中页面中的元素,为他添加样式。

      全局选择器:

      *{

           样式:

}

标签选择器:利用标签名称选中元素的

Div  a  span  p  …

标签名称{

      样式列表

}

 

 

 

类选择器: 标记的 class=“自定义的单词或词组” 页面内可以多次出现

.className{ 样式 }

Id选择器: 标记的 id=“自定义单词或词组”  一个元素 有一个id***

#id{  样式 }

派生选择器:元素嵌套, 父元素 可以找到子元素

      Id/class/标记  Id/class/标记

#id .one

      群组选择器:

           #id,.one,div,.two,div span{ }

伪类选择器:

      元素名称:状态{

           样式:

}

      A:link 默认样式,不兼容 ---》 a{ }

      A:hover 移动

      A :active 点击

A:visited 点过以后

posted @ 2018-05-05 20:01  LloydDracarys  阅读(63)  评论(0)    收藏  举报