1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > javaweb如何使用css选择器 CSS中有哪些常用选择器 – CSS – 前端 淘宝css面试题

javaweb如何使用css选择器 CSS中有哪些常用选择器 – CSS – 前端 淘宝css面试题

时间:2024-05-11 11:02:44

相关推荐

javaweb如何使用css选择器 CSS中有哪些常用选择器 – CSS – 前端 淘宝css面试题

CSS中的选择器很多,比如:ID选择器,类选择器,通配符选择器,伪类选择器等等,接下来主要介绍常用的几个。

1.标签选择器

语法:标签名{},eg:h1{}//为所有的h1元素设置样式。

2.ID选择器

语法:#id名{}//id值唯一不能重复,eg:#top{}//为id为top的元素设置样式。

3.类选择器

语法:.class{},eg:.box{}//为所有的class值为box的元素设置样式。

4.组选择器

语法:选择器1,选择器2,选择器N{},eg:#box1,.box2,p{}//为id为box1,class为box2和p的元素共同设置样式。

5、通配符选择器

语法:*{},eg:*{font-size:16px}//将整个页面字体大小设为16px。

6.后代选择器

语法:选择器1选择器2{},eg:p.aa{}//选中指定祖先元素p的指定后代.aa。

7.子元素选择器

语法:父元素>子元素{},eg:p>.box{}//选中父元素p的指定子元素.box。注意与后代元素选择器的区别

8.伪类选择器

伪类可以用来表示一些特殊的状态,如:

:link-未访问过的超链接。

:visited-已访问过的超链接。

:hover-鼠标经过的元素。

:active-正在点击的元素。

eg:a:hover{color:red}//鼠标经过a标签时,颜色变为红色。

二、CSS选择器的优先级顺序

当同一属性的不同值都作用到了同一个元素时,如果定义的属性之间有冲突,那么应该用谁的值的,这个时候就涉及到CSS的优先级顺序了。

1.在属性后面使用!important会覆盖页面内任何位置定义的元素样式。

2.作为style属性写在元素内的内部样式

3.id选择器

4.类选择器

5.标签选择器

6.通配符选择器

7.浏览器自定义或继承的

@ 做前端开发主要学些什么?

一个优秀的Web前端开发工程师要在知识体系上既要有广度和深度!应该具备快速学习能力。

前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

首先要学习div与css,这是最基本的,会这两个就能写静态网页了。入了门之后再去学习js与JQuery,这是实现一些特效的。还有现在火热的H5与CSS3。最后要学习一些后台,后台语言要掌握一门,比如php。还有mysql数据库、cms后台管理系统也要了解一下。这些做前端都是要知道的。

“君子生非异也,善假于物也”,在学习的过程中还要多浏览一些优秀的网站,善于分析借鉴其设计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为偶所用。

每个人的成长与基础不一样,结合自己的实际情况,在执行。还是重复一下,前端的核心是js,css不难,但需要来积累。对前端偶是这么看的。

@ 类型选择符用什么标记?

类选择符:自己定义的包含多条样式的集合,以“.”开头。可以在页面中重复使用该样式。如:.aaa{ ……}类型选择符:定义HTML固有标签的样式。前面不加“.”例如:p{ ……}ID选择符,和类选择符格式相同。区别在于以“#”开头,而且ID是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容例如:#aaa{ ……}通配符,顾名思意:对页面内所以标签都生效。其名称必须为“*”。例如:*{ ……}伪类:常用的有四个、即A标签里的四个状态(a:link a:visited a:hover a:active)。

其他的如:lang :focus等不常用,也存在兼容问题。

@ css中选择器是什么意思?

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成,形式如下:[code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

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