600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > css选择器加在哪里 CSS中有哪些常用选择器 – CSS – 前端 td css 不换行

css选择器加在哪里 CSS中有哪些常用选择器 – CSS – 前端 td css 不换行

时间:2019-05-23 08:35:10

相关推荐

css选择器加在哪里 CSS中有哪些常用选择器 – CSS – 前端 td 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.浏览器自定义或继承的

@ ps的css怎么添加框选工具?

1、在电脑端打开ps css软件,然后选择一张图片放到PS中。

2、选择选框工具,在上方的属性栏中出现选择并遮住的属性进行设置。

3、进入到抠图属性栏,视图模式相当于图层蒙版的显示颜色,进行操作。

4、打开视图主面板后,选择模式选项,进行操作。

5、接着选择图层蒙版的颜色。

6、然后接下来就是调节,左侧第一个是快速选择工具,第二个是边缘调整,使用快速选择工具的添加减少功能来抠图。

7、在蒙版上要显示的内容区是白色,黑色是不要的区域,用画笔在细微调整边缘处即可。

@ 熟练掌握并默写标记选择器的基本语法?

1.标记选择器主要应用在HTML页中的标记样式选择。如P选择器就用于声明网页中有P标记的文本内容,同理,H1选择器则可以标记页面中H1的样式。例如: H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代码表示在所有应用H1选择器的地方,将文字的大小设为14像素并加粗,同时将颜色设为灰色,如果要改变H1的颜色,只需将color属性更改就可以了,比如将color设为#e7eefe来与网页的其他地方协调。 2.类别选择器 这是一类最常用的选择器,用它来定义网页中需要特殊表现的样式,类别选择器的名称可以由作者自由定义,一般来讲类别选择器的命名最好有一定的意义,使CSS代码更易维护和阅读。例如定义导航就可以使用.daohang{}或者是.nav{},不要使用简略或者特殊的字符串,否则可能三天后当你再读你的CSS代码时,就连你自己都搞不清一个样式到底是做什么用的! 类别选择器就是CSS类,在HTML表现为调用的class。例如: (1)style.css文件中定义 .title { margin:10px; padding:2px 5px;}(2)HTML文件中

在上述定义中,p标签将引用CSS文件中的title样式应用到整个p覆盖的范围。p将显示为一个上下左右margin各为10px,上下padding为2px,左右padding为5px的矩形。 请注意类别选择器CSS定义和标记选择器的区别:在CSS文件中,标记选择器前边没有"."号,下面大家还会讲到ID选择器,它的定义也不一样,每个ID选择器样式前有一个"#"号,以确定其为ID选择器,而在HTML中则用ID="style"引用。值得注意的是,一个标签可以同时应用多个class选择器,如,具体大家可以在下边思考并做下实验,笔者在这就不举例了。3.ID选择器(1)ID选择器用法和class基本没有区别,他们的不同之处就在于ID选择器只能在HTML页中使用一次,而class则可以任意多次调用,在CSS文件中,ID 选择器一般写成 #idname { bgcolor:#339; font-size:16px;}如果一个ID应用于多个HTML标记,则有可能造成IE编译错误,并且由于ID选择器可以被JAVASCRIPT等调用,所以多个ID会导致JAVA编译错误并崩溃! (2)HTML的引用 在HTML中引用ID选择器的代码如下所示: 并且ID选择器不能像类别选择器那样同时被一个标签调用。这也是完全错误的语法。 复合选择器就是基本选择器通过不同的链接方式构成的。 复合选择器就是两个或多个基本选择器,通过不同方式链接而成的选择器。

@ css的类选择器用什么属性引用?

用于来定义一类可以在同一个页面内重复利用的样式。 如比较常用的.clearfix(一般是用于清除浮动),或者自己定义的用于新闻列表的样式,详细的写好链接、列表、边框以及背景等属性,有些人还会习惯把一些常用的属性作为一个类。

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