700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css3属性选择器引入 3 css引入方式有哪些 常应用哪里?不同引入方式的优势与劣势有

css3属性选择器引入 3 css引入方式有哪些 常应用哪里?不同引入方式的优势与劣势有

时间:2023-02-17 13:46:29

相关推荐

css3属性选择器引入 3 css引入方式有哪些 常应用哪里?不同引入方式的优势与劣势有

这类最少用,会使页面结构混乱,代码臃肿,后期维护成本增加。

CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。

行内样式如下:

使用style属性引入CSS样式。

示例:

<h1>style属性的应用</h1>

<p >直接在HTML标签中设置的样式</p>

实际在写页面时不提倡使用,在测试的时候可以使用。

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

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

不包括

一:css基本选择器有哪些

1.css属性选择器

2.css标签选择器

3.cssID选择器

4.css的通配符

二:css有哪些高级选择器

1.css标签选择器

css标签选择器其实就是页面上的所有类型的标签,大家对经常描述称为共性,对无法描述的称为个性。大家在页面上看到input,div和ul都有可能是选择器,无论这个标签藏得多深,都可能被选择上,并且选择的是所有标签,并不是单单指一个。

2.cssID选择器

css中大家使用#来对名字进行自定义,#是指对一个特殊的标签来使用,并且只能用一次,在任何html标签中,都可以有id属性,但是前提要按照字母开头,更不能用字母去开头,或者和标签同名。还有一些高手建议在css层面上尽量不要使用id。

3.css类选择器

css中类选择器,大家使用.来表示,大家使用类来表示,其实就是比较灵活。class和id是十分相似的,并且同一个标签可以使用很多个类选择器,也可以多种标签使用。

4.css的通配符,可以替换任何标签,目前有些浏览器是不支持使用。

css3属性选择器引入 3 css引入方式有哪些 常应用哪里?不同引入方式的优势与劣势有哪些 – CSS – 前端 css代码压缩并换行

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