频道栏目
首页 > 资讯 > HTML/CSS > 正文

CSS基本选择器与CSS样式引入

17-08-21        来源:[db:作者]  
收藏   我要投稿

CSS是英文(Cascading Style Sheets)的缩写,中文意为层叠样式表,是前端三大基本技术之一。其作用是对html起渲染和修饰的作用。而其中以选择器为基础,今天就为大家介绍一些基本选择器。

基础选择器:

1.通配选择器,遍历文档中的所有标签,无论你这

个标签有没有写,有没有在文档中出现,对网页性能有一定的影响

2.标签名选择器:作用于一类标签

适用场景:body,重置某类标签的默认样式如a标签h1等标签

3.群组选择器:选择器1,选择器2,选择器3

4.类选择器:.类名称(类名:不要以数字开头 尽量要有意义 多个单词建议使用_连接)

5.后代选择器:选择器1 选择器2 选择器3(选择器1 2 3 为父子级关系)

CSS样式引入

CSS样式引入有三种方式:

一.行间样式:行间样式的优缺点

优点:不会额外的产生请求

缺点:

1.容易产生重复的代码,造成文档体积变大

2.不利于维护

3.不符合结构与样式分离的规范

综上所述:不建议使用行间样式

二.外部样式:外部引入css的优缺点:

优点:

1.利于后期维护

2.可以重复使用

3.完全实现结构与样式的分离

缺点:

会产生额外的请求(但是我们可以借助工具抹平这个缺点)

三.内部样式:

1.不会产生额外的请求

2.初步实现结构与样式的分离

3.适合单页面网站应用(移动端应用)

缺点:代码复用不方便

相关TAG标签
上一篇:浅析盒模型
下一篇:Linux ssh免密码登录
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站