行业资讯

最新动态、技术干货,汇聚前沿的云计算技术

前端CSS基础用法和选择器知识

唯一小编 发布时间:2020-12-17 返回

唯一网络成立于2006年,是国内知名的云服务综合解决方案提供商。专业提供云服务器服务器租用托管云专线云等保一键免费获取方案等一站式云服务综合解决方案提供商。

新用户注册就送千元大礼包销售咨询热线:0769-23015555。

信任做过页面的对Css都不是非常陌生,它可以协助我们重铸页面中非常多绚丽的特效,尤其是现在Css已经进展3.0版本,非常多功能更是丰厚多彩,让我们的开发时光不但大大缩短,并且还可以放松做出很多华丽的特效,需求重视的是,Css相当于Html的一个美化装置,所以它不得不依靠于Html才学表现影响,那么今天我们就来深入熟悉下它吧。

前端CSS基础用法和选择器知识

要想应用Css来增加Html的好看,有三种方法:

1).头部文件中定义

2).导入CSS文件

3).直接在标签中定义

注:与Html不同,它的注释方法是:/Css语句/

为什么一开始要讲选择器了,由于我们要想准确调整的Html中的某个元素的属性,就不得不应用选择器,它可以经过选择器定位到某个元素上然后调整元素的样式。

1).id和class选择器id选择器不得不现在标签中的定义,然后在在头部标签的style标签中用“#”来表示:

class选择器和id选择器差不多,只不过class选择器用”.“来表示:

2).元素选择器就是指直接声明标签名为选择器,然后更改样式

或者声明一切标签名为选择器

也可以应用元素加选择器越发准确的定位到该元素

3).后裔选择器访问一个元素内的其它元素,可以是元素内的任意元素

4).子元素选择器

5).兄弟选择器位于元素的下一个元素,不在元素内

6).伪类选择器伪类选择器可分为三类

1)).锚伪类,用于检测鼠标的悬停状态。

注:a:hover不得不置于a:link和a:visited之后,才是有效的。a:active不得不被置于a:hover之后,才是有效的。2)).:first-child伪类匹配第一个匹配到的标签

3)).:lang伪类

7).通用选择器将样式运用到一切的元素中

参照文档:W3C官方文档(CSS篇)

这篇文章主要介绍了CSS的基础用法和选择器的基本知识。经过对CSS的学习,信任大家应该能做出很多华丽绚烂的特效了吧,CSS确实是一个非常强悍的东西。

 

  • 热门标签

  • 相关产品 >

    福建云服务器

    适合个人入门

    福建云服务器

    适合中小企业

    广东云服务器

    适合个人入门

    北京云服务器

    适合个人入门

前端CSS基础用法和选择器知识

唯一小编 发布时间:2020-12-17 返回

信任做过页面的对Css都不是非常陌生,它可以协助我们重铸页面中非常多绚丽的特效,尤其是现在Css已经进展3.0版本,非常多功能更是丰厚多彩,让我们的开发时光不但大大缩短,并且还可以放松做出很多华丽的特效,需求重视的是,Css相当于Html的一个美化装置,所以它不得不依靠于Html才学表现影响,那么今天我们就来深入熟悉下它吧。

前端CSS基础用法和选择器知识

要想应用Css来增加Html的好看,有三种方法:

1).头部文件中定义

2).导入CSS文件

3).直接在标签中定义

注:与Html不同,它的注释方法是:/Css语句/

为什么一开始要讲选择器了,由于我们要想准确调整的Html中的某个元素的属性,就不得不应用选择器,它可以经过选择器定位到某个元素上然后调整元素的样式。

1).id和class选择器id选择器不得不现在标签中的定义,然后在在头部标签的style标签中用“#”来表示:

class选择器和id选择器差不多,只不过class选择器用”.“来表示:

2).元素选择器就是指直接声明标签名为选择器,然后更改样式

或者声明一切标签名为选择器

也可以应用元素加选择器越发准确的定位到该元素

3).后裔选择器访问一个元素内的其它元素,可以是元素内的任意元素

4).子元素选择器

5).兄弟选择器位于元素的下一个元素,不在元素内

6).伪类选择器伪类选择器可分为三类

1)).锚伪类,用于检测鼠标的悬停状态。

注:a:hover不得不置于a:link和a:visited之后,才是有效的。a:active不得不被置于a:hover之后,才是有效的。2)).:first-child伪类匹配第一个匹配到的标签

3)).:lang伪类

7).通用选择器将样式运用到一切的元素中

参照文档:W3C官方文档(CSS篇)

这篇文章主要介绍了CSS的基础用法和选择器的基本知识。经过对CSS的学习,信任大家应该能做出很多华丽绚烂的特效了吧,CSS确实是一个非常强悍的东西。

 

©2016-2021 www.wcloud.cn All rights reserved.
唯一网络-数据中心、云网服务及数字化解决方案提供商©版权所有

免费预约

客户免费预约阿里云/唯云架构师上门服务。免费服务内容:云数据中心、网络安全、云专线、云等保、公有云、混合云和其它云协助迁移。

请保持电话畅通,我们将在工作时间与您电话联系。

立即预约