css

CSS 层叠样式表（Cascading Style Sheets）

css 由2个主要组成部分 选择器，声明

插入样式表：

外部样式表<link rel="stylesheet" type="text/css" href="mystyle.css" />在head中插入，已.css文件格式保存 内部样式表<style type="text/css">在这里写css样式</style> 内联样式 在元素中直接用style=。。写样式，很少使用

如果外部样式和内部样式同时定义同一个元素，则此元素会有2个样式的不同属性样式，相同属性的样式会用内部的

选择器：

选择器分组： p,div,li{font-size:15px} 这几个元素都设置字体为15px

选择器继承： body{font-size:15px}body下的所有元素都设置字体为15px，如果不想给其中的一个子元素设置此属性，可以给此元素单独定义属性：p{font-size:11px}p元素中的内容就变回11px了

派生选择器：li strong{font-size:20px}li元素中strong元素字体变为20px，li以外的strong元素不受影响。方便易读简洁

id选择器：在元素中定义id这个属性并且给其命名，在css中用#加名来定义css样式 <div id="d"><p></p></div>     #d{font-size:19px}   可以用作派生选择器：#d p{font-size:22px}

class选择器：在元素中定义class这个属性并且给其命名，在css中用.加名来定义css样式 <div class="d"><p></p></div>     .d{font-size:19px}   可以用作派生选择器：.d p{font-size:22px}

属性选择器：<div title="aa"></div>  [title]或[title=aa] 为属性为title的元素设置样式或为属性为title并且值为aa的元素设置样式 <div title="aa bb"></div> [title~=aa]内容有aa的属性为title的元素设置样式，适用于用空格分隔的字符 <div title="aa bb"></div> [title|=aa]内容包含aa的属性为title的元素设置样式，适用于用连接符分隔的字符 属性选择器给表单设置样式很好用

a:link - 普通的、未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻

声明：由属性+值组成

 

css定位：CSS 有三种基本的定位机制：普通流、浮动和绝对定位。