首页 / CSS / css引入、三种选择器

css引入、三种选择器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css引入、三种选择器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含565字，纯文字阅读大概需要1分钟。

内容图文

 css的引入方式有三种:行类样式、内部样式、外部样式表

一、行内样式

使用style样式引入css样式。

技术分享图片

 

 二、内部样式

在style标签中书写css代码。Style标签写在head中。

技术分享图片

 

 

三、外部样式表

css代码保存在扩展名为.css的样式表中

html文件引用扩展名为.css的样式表、有两种方式:链接式、导入式。

技术分享图片

 

 

链接式与导入式的区别

<link>

1、属于XTHML

2、优先加载css文件到页面

@import

1、属于css2.1

2、先加载HTML结构在加载css文件。

 

css三种选择器

 

一、标签选择器

 

  标签选择器其实就是我们经常说的html代码中的标签。例如:html、span、p、div、a、img等。

 

例:

技术分享图片

 

 

二、类选择器

 类选择器是css代码中最常用的，它通过为元素单独设置class来赋予元素样式效果。注意:1.类选择器都是使用英文圆点开头，每个元素可以有多个类名。

例:

技术分享图片

 

 

三、id选择器

 id选择器类似于选择符，作用和类选择符相同，但也有一些重要的区别。注意:1:id选择器为标签设置id=”id名称”，而不是class=”类名称”。2:id选择器前面的符号为#号。

例:

技术分享图片

 

 

 

 

 

 

原文：https://www.cnblogs.com/clda/p/11965501.html

内容总结

以上是互联网集市为您收集整理的css引入、三种选择器全部内容，希望文章能够帮你解决css引入、三种选择器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1194148.html

来源：【匿名】