首页 > 网站 > WEB开发 > 正文

css基础

2024-04-27 14:26:14
字体:
来源:转载
供稿:网友
CSS基础一、 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}


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表