200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > css层叠样式表常有的三种选择器 css有哪些知识 – CSS – 前端 css3 拖拽

css层叠样式表常有的三种选择器 css有哪些知识 – CSS – 前端 css3 拖拽

时间:2018-11-05 01:20:27

相关推荐

css层叠样式表常有的三种选择器 css有哪些知识 – CSS – 前端 css3 拖拽

(1)、css的发展历程

从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是css便诞生了。

(2)、css初识

css(Cascading Style Sheets) 主要用于美化样式。

css通常称为css样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

css以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。

@ 类选择器语法?

1. 标签名选择器 div { color:Red;} 即页面中的各个标签名的css样式 2.类选择器 .divClass {color:Red;} 即定义的每个标签的class 中的css样式 3.ID选择器 #myDiv {color:Red;} 即页面中的标签的id 4.后代选择器(类选择器的后代选择器) .divClass span { color:Red;} 即多个选择器以逗号的格式分隔 命名找到准确的标签 5.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示

@ 层叠样式表文档是什么?

层叠就是浏览器对多个样式来源进行叠加,最终确定结果的过程.css之所以有“层叠”的概念,是因为有多个样式来源。其中css样式来源有5个,分别是内联样式(<a>),内部样式(<style></style>),外部样式(写在css文件中的样式),浏览器用户自定义样式,浏览器默认样式;按照其来源优先级为内联样式>内部样式>外部样式>浏览器用户自定义样式>浏览器默认样式按照选择器优先级为id >class>元素选择器如果有important,important优先级最高。

@ css层次选择器怎么用?

css层次选择器具体用法如下:

采用后代选择器 :从上面可以看出所有的标签都是body的后代,那么大家使用后代选择器,就可以将body的后代(所有标签)改变样式: 后代选择器是用祖先加上空格再加上后代标签类型进行声明的。

以上资料供参考。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。