700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 常用的css属性选择器 使用css3的属性选择器设置搜索 – CSS – 前端 css transition后面值

常用的css属性选择器 使用css3的属性选择器设置搜索 – CSS – 前端 css transition后面值

时间:2023-07-12 15:06:45

相关推荐

常用的css属性选择器 使用css3的属性选择器设置搜索 – CSS – 前端 css transition后面值

@ CSS中有哪些关于字体的常用属性?

第一个属性:font-family

1、该属性用于指定文字的字体类型,如宋体、黑体、隶书、楷体、Times New Roman等。

2、具体的语法如下:{font-family:name;} 其中,name是字体的名称。

第二个属性:font-size

1、该属性用来设置文字的大小。

2、具体的语法格式如下:{font-size:数值 | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | lentgth | inherit;} 这些参数代表的意义分别是:像素数值、最小、较小、小、正常、大、较大、最大、相对字体尺寸、相对字体尺寸、百分比、继承。

第三个属性:font-style

1、该属性是用来定义字体的风格,即字体的显示样式。

2、具体的语法如下:{font-style: normal | intalic | oblique | inherit;} 其中属性值分别表示默认值、斜体、倾斜、继承。

第四个属性:font-weight

1、该属性用来定义字体的粗细程度。

2、具体的语法如下:{font-weight: 100-900 | bold | bolder | lighter | normal;} 其中的属性值分别表示数值、粗体、更粗、更细、默认。

第五个属性:font-variant

1、该属性用于设置大写字母的字体显示。

2、具体的语法格式如下:{font-variant: normal | small-caps | inherit;} 其中的参数值分别表示默认值、显示小型大写字母的字体、继承。

第六个属性:是font

1、该属性可以一次性使用多个属性来定义文本字体,是字体的复合属性。

2、具体语法如下:{font: font-style | font-variant | font-weight | font-size | font-family;}

第七个属性:color

1、属性用来设置字体的颜色。

2、具体的语法格式如下:{color:name;}

@ css3和css一样吗?

CSS3是CSS的子集,CSS3是最新的标准,提供了很多好用的新属性,提升了网页的表现性。

CSS3提供了更好用的选择器

最新的CSS3中,对伪类、伪元素选择器做了严格的规范。有了伪类后,不用在div标签里面添加额外的元素完成一些DOM操作,可以通过::before,::after完成,代码简洁明了。对于鼠标的操作,也可以通过::hover等类似的操作完成。非常高效。还有::first–child等类似的选择器去操作子元素。

CSS3使动画效果越来越方便

css3里面通过animation来完成动画,设置@keyframes即可,一些轻量级的动画不必再通过js完成。

CSS3完成圆角、阴影美化更方便

以前的css完成类似的功能只能通过图片做背景,现在只需要border-radius、boxshadow即可。非常高效简洁。

CSS3提供了全新的盒模型

这个特性十分有用。原来的盒模型width=content.+border+padding。你规定了width.每次都要自己计算,现在有了boder-box不用这么麻烦了。

CSS3的flex布局是最强大的

IE已死,不需要再考虑它的兼容性!!!用flex布局,节省很多时间,节省的时间可以学很多东西,而不是浪费时间去适应落后的ie!!!

还有很多好用的css3特性,这个版本提供了巨大的生产力!!!很感谢它,期待下一个grid布局~

以上是偶的看法~

@ css不能设置文字哪些属性?

CSS可以设置文本样式的属性

1、文本缩进:text-indent

2、文本对齐:text-align

3、字间隔:word-spacing

4、字母间隔:letter-spacing

5、字母转换:text-transform

6、文本装饰:text-decoration

7、处理空白符:white-space

8、文本方向:decoration

9、文本颜色:color

10、背景颜色:background-color

11、文本阴影:text-shadow

还有一些属性,不是很常用,就没有列举了,但是不能设置的就不太了解了

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