码迷,mamicode.com
首页 > Web开发 > 详细

css基础

时间:2015-06-09 13:37:09      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

一、 css的引入方式
1.头部引入
技术分享技术分享
 
特点:
  • 优点:1.速度快,无服务器请求压力; 2.相对于外部引入单页代码量少。

  • 缺点:1.不易改版与维护; 2.代码较乱不易前后台沟通。


2.标签内引入
技术分享技术分享
 
特点:

1.优先级最高; 2.冗余代码多,代码量大; 3.不利于维护。



3.外部引人
技术分享技术分享
然后
技术分享技术分享
 
特点:
  • 优点:1.一个css文件可以控制多个页面; 2.易改版、便于维护; 3.减少代码量、代码简洁规范易于分工协作; 4.有效利用缓存机制。
  • 缺点:1.相对单页有垃圾代码; 2.href属性会给服务器造成请求的压力。

 
二、选择器
1.id选择器:(#)
2.群组选择器:(逗号)
3.类选择器:(点号)
4.标签选择器
5.后代选择器(空格)
  • 类名后跟标签名:.header  span{}

  • ID名后跟标签名: #wrap  span{}

  • ID名后跟类名: #wrap  .text{}

6.通配符(全局)选择器(星号)
7.组合选择器
技术分享技术分享
 

三、a的伪类
  • link——默认              a:link{color: black}

  • hover——鼠标划过     a:visited{color: red}

  • active——鼠标按下时  a:hover{font-size: 30px}

  • visited——点击过后  a:active{color: green}

css基础

标签:

原文地址:http://www.cnblogs.com/pan-hello/p/4563058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!