css基础

标签：

css样式表

内联样式表

在html中某一标记中加入一个style属性

语法：<p style="color:black;">文档文档</p>

嵌入式样式表

在head中加入<style>段，可有多个<style>段

语法：<style type="text/css">

外部样式表

新建一个.css的文档，写入样式。在head中用link引入

语法：<link rel="stylesheet" type="text/css" href="XXX">

选择器

元素选择器

语法格式:
        hi {color:red}

类选择器

语法格式:
       .类名{属性:值;}
需在正文中定义一个classs属性.
例:正文中<p class="one">我是...</p>
   head中:
         <style type="text/css">
          .one{color:blue}
         </style>

id选择器

语法格式:#id名{属性:值}

属性选择器

语法格式:[title]{属性:值;}
正文中:<a href="URL" title="XXX">跳转</a>

通配符选择器

语法格式:*{属性:值;}
注意:通配符选择器会将页面上所有东西作用到

包含选择器(后代选择器)

语法格式:p em{属性:值;}

子元素选择器

语法格式:元素 > strong {属性:值;}
针对不选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素

相邻兄弟选择器

语法格式:元素+元素{属性:值;}
如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素
其效果就是只作用在后面那个元素上

伪类选择器

语法格式:元素:hover{属性:值;}

伪元素选择器

语法格式:元素:firest-line{属性:值;} 针对一个元素的第一行
        元素:first-letter{属性:值;} 针对一个元素的第一个字母

css基础

标签：

原文地址：http://www.cnblogs.com/hzqcoral33/p/5024236.html