CSS菜鸟学习小结
一、基本概念 1、 选择符:就是HTML当中可用的任何元素,例如:body,a,td p..... 2、 类: 就是我们自己给格式起的名字,应用的时候叫名字(class=类) 3、 伪类:visited、 active 、link 等 二
一、基本概念
1、 选择符:就是HTML当中可用的任何元素,例如:body,a,td p.....
2、 类: 就是我们自己给格式起的名字,应用的时候叫名字(class=类)
3、 伪类:visited、 active 、link 等
二、基本语法
1、选择符 { 属性: 值 }
例如: TD { FONT-SIZE: 9pt}
2、选择符.类 { 属性: 值 }
例如: td.aaa { color: #191970 }
只能在该元素下有效 引用方法: <P CLASS=aaa>
3、.类 { 属性: 值 }
例如: .aaa { color: #191970 }
任何元素都能用
例如: <p class=aaa ... > </p>
<a class=aaa ... > </a>
<td class=aaa ... > </td>
4、 选择符:伪类 { 属性: 值 } 例如:a:link {color:red}
5、 选择符.类:伪类 { 属性: 值 } 例如:a.bbb:link {color:blue}
引用方法: <a CLASS=aaa ...> </a>
6、 .类:伪类 { 属性: 值 }
例如: .mainnv:hover {COLOR: #ff0000}
三、具体使用
1、行内: 用选择符 { 属性: 值 }
例如: TD { FONT-SIZE: 9pt}
2、文件头:方在<head> </head> 之间 例如:
<style type="text/css">
<!--
A:link {text-decoration: none; color:#0072A8} //选择符:伪类 { 属性: 值 }
A:visited {text-decoration: none; color: #0072A8}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
A.a1:active {COLOR: #ffffff} //选择符.类:伪类 { 属性: 值 }
A.a1:link {COLOR: #ffffff}
A.a1:visited {COLOR: #ffffff}
A.a1:hover {COLOR: #faf108; TEXT-DECORATION: underline}
body{font-size=9pt} //选择符 { 属性: 值 }
H{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}
第 1 2 3 页
1、 选择符:就是HTML当中可用的任何元素,例如:body,a,td p.....
2、 类: 就是我们自己给格式起的名字,应用的时候叫名字(class=类)
3、 伪类:visited、 active 、link 等
二、基本语法
1、选择符 { 属性: 值 }
例如: TD { FONT-SIZE: 9pt}
2、选择符.类 { 属性: 值 }
例如: td.aaa { color: #191970 }
只能在该元素下有效 引用方法: <P CLASS=aaa>
3、.类 { 属性: 值 }
例如: .aaa { color: #191970 }
任何元素都能用
例如: <p class=aaa ... > </p>
<a class=aaa ... > </a>
<td class=aaa ... > </td>
4、 选择符:伪类 { 属性: 值 } 例如:a:link {color:red}
5、 选择符.类:伪类 { 属性: 值 } 例如:a.bbb:link {color:blue}
引用方法: <a CLASS=aaa ...> </a>
6、 .类:伪类 { 属性: 值 }
例如: .mainnv:hover {COLOR: #ff0000}
三、具体使用
1、行内: 用选择符 { 属性: 值 }
例如: TD { FONT-SIZE: 9pt}
2、文件头:方在<head> </head> 之间 例如:
<style type="text/css">
<!--
A:link {text-decoration: none; color:#0072A8} //选择符:伪类 { 属性: 值 }
A:visited {text-decoration: none; color: #0072A8}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
A.a1:active {COLOR: #ffffff} //选择符.类:伪类 { 属性: 值 }
A.a1:link {COLOR: #ffffff}
A.a1:visited {COLOR: #ffffff}
A.a1:hover {COLOR: #faf108; TEXT-DECORATION: underline}
body{font-size=9pt} //选择符 { 属性: 值 }
H{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}
第 1 2 3 页
- 上一篇:应用CSS完全手册!
- 下一篇:CSS入门教程之CSS的语法
精彩图集
精彩文章