当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS菜鸟学习小结

时间:2013-03-02 03:47来源:未知 作者:admin 点击:

标签:CSS菜鸟学习小结 学习(19)菜鸟(3)CSS(655)9pt(1)小结(3)例如(5)font-size(5)
例如: TD { FONT-SIZE: 9pt} A:visited {text-decoration: none; color: #0072A8} A.a1:active {COLOR: #ffffff} //选择符.类:伪类 { 属性: 值 } div id=divIDtabletrtdtable1/td/tr/table/div divtabletrtdtable2/td/tr/table/div A:link { COLOR: #3a2a00
CSS菜鸟学习小结》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334F2013.htm

例如: TD { FONT-SIZE: 9pt} 

    A:visited {text-decoration: none; color: #0072A8} 

    A.a1:active {COLOR: #ffffff} //选择符.类:伪类 { 属性: 值 }

<div id=divID><table><tr><,css自动截取指定长度字符串,结尾显示;td>,css自动截取指定长度字符串,结尾显示... 支持;table1</td></tr></table></div> 
<div><table><tr><td>table2</td></tr>,CSS背景:详解background属性;</table></div> 

  A:link { COLOR: #3a2a00; TEXT-DECORATION: none} //选择符:伪类{属性: 值 } 
  A:visited {COLOR: #602400; TEXT-DECORATION: none}// 用a元素的连接都是这种方式  
  A:active {COLOR: #ff6600; TEXT-DECORATION: none} 
  A:hover {COLOR: #ff3300; TEXT-DECORATION: underline} 

    A.a1:visited {COLOR: #ffffff} 

2. 
div#divID table td{color: #FF0000} 

1、抉择符 { 属性: 值 }

.mainnv{FONT-SIZE: 12px;FONT-WEIGHT:bold}// .类 { 属性: 值 } 指明类用mainnv的显示 
.mainnv:link {COLOR: #cccc99}                          
.mainnv:visited {COLOR: #cccc99} // .类:伪类 { 属性: 值 }   
,CSS背景颜色设置方法.mainnv:active {COLOR: #cccc99} // 所有指明类用mainnv 的衔接效果用这种方式显示 
.mainnv:hover {COLOR: #ff0000; TEXT-DECORATION: none} 

2、选择符.类 { 属性: 值 }

2、文件头:方在<head> </head>,CSS背景颜色设置代码示例; 之间 例如: 

<div id=divID>div1</div> 
<div>div2</div> 

    A:hover {text-decoration: underline; color: FF0000} 

3、.类 { 属性: 值 }

  例如: TD { FONT-SIZE: 9pt} 

    A.a1:link {COLOR: #ffffff} 

  A.hot:link {COLOR: #dd0000}// 选择符.类:伪类 { 属性: 值 } 
  A.hot:visited {COLOR: #dd0000}// 用a元素的而且指明类 class 用hot 的显示方式 
  A.hot:hover {COLOR: #ff0000}   // 引用办法 class=hot 
  A.hot:active {COLOR: #ff3300} 
       
  A.blk:link {COLOR: #000000}  // 选择符,CSS背景定位属性详解.类:伪类 { 属性: 值 } 
  A.blk:visited {COLOR: #000000}// 用a元素的而且指明类 class 用blk 的显示方法 
  A.blk:hover {COLOR: #000000} 

5、 选择符.类:伪类 { 属性: 值 } 例如:a.bbb:link {color:blue}

.main1 {BACKGROUND: #cccc99}              //.类 { 属性: 值 } 
.main1t {COLOR: #cccc99}     // 所有指明类用main1t的都用这种方式显示 
,CSS网页设计时关于字体大小的设计.main2 {BACKGROUND: #c5c5b2} 
.main3 {BACKGROUND: #e6e0b2} 

  例如: td.aaa { color: #191970 } 

    A:active {text-decoration: none; color: #FF0000} 

   <a class=aaa  ... > </a> 

 任何元素都能用

--> [网站建设之]CSS菜鸟学习小结

    A.a1:hover {COLOR: #faf108; TEXT-DECORATION: underline}

  五、把持优先级:

南山居士, 
用类咯! 
2、 类: 就是我们自己给格式起的名字,运用的时候叫名字(class=类) 
 
比方说:a.black:hover{COLOR: #000000}  
a.white:hover{COLOR: #ffffff} 
<,CSS网页设计把HTML标记分类;a class=black>这里显示黑色</a> 
<a class=white>这里显示白色</a> 
详细的蚊子已经说过了, 
自己看看咯 
--------------------------------------------------------------- 

我想问一下,要在一个页面同时实现两个后果,就是说onmouseover时,字体有的显示为玄色,有的显示为白色,请问大侠,用Css该怎么定义呢?谢了! 
--------------------------------------------------------------- 

   <td class=aaa ... > </td> 
  
4、 选择符:伪类 { 属性: 值 }  例如:a:link {color:red}

引用方法: <a CLASS=aaa ...> </a> 

  <,CSS网页设计实例 纯CSS制作的网页的loading;!--  

3、外连文件: 请求文件扩大名为 css,<head> </head> 加如下链接代码: 

--------------------------------------------------------------- 

例如: .mainnv:hover {COLOR: #ff0000} 
                                      
三、详细应用  
 
1、行内: 用取舍符 { 属性: 值 }

    A:link {text-decoration: none; color:#0072A8} //选择符:伪类 { 属性: 值 }

只能在该元素下有效 引用方式: <P CLASS=aaa> 

对CSS的款式不必定只用 class=CSSName 援用, 实在这两种定义才更能体现出CSS的妙处. 
留神:用 div#divID 对某个ID赋样式时应当确保网页里这个ID是独一的.否则会犯错

  <style type="text/css"> 

二、根本语法 

   例如: .aaa { color: #191970 }

Tag:学习   菜鸟    

例如: <p class=aaa  ... >,CSS网页技术基本语法; </p>

6、 .类:伪类 { 属性: 值 } 

一、基础概念  
1、 选择符:就是HTML当中可用的任何元素,例如:body,a,td p..... 
2、 类: 就是咱们本人给格局起的名字,利用的时候叫名字(class=类) 
3、 伪类:visited、 active 、link 等 

    --> 
    </STYLE> 

 <LINK rel="stylesheet" href="first.css"  type="text/css">//first.css 是文件名 
    
  first.css 内容如下: 

弥补多少个很主要的CSS用法: 
1. 
div#divID {color: #ff0000} 

    body{font-size=9pt}   //挑选符 { 属性: 值 } 
    H{FONT-SIZE: 9pt}      
    TD{ FONT-SIZE: 9pt}    

  优先级: 1、行内插入式   2、头部方式    3、外连文件方式 


(责任编辑:网站建设)
CSS菜鸟学习小结相关文章
上一篇:css自动截取指定长度字符串,结尾显示 下一篇:CSS表单美化之直接输入的Excel表格
回到顶部