美化盒子

骑猪看日落 2021-10-26 22:52 340阅读 0赞

第一部分

**字体大小【font-size】**

含义：字符框的高度、可继承、默认值：medium

取值：medium：中等字号、larger：大字号、smaller：小字号

**加粗字体【font-weight】**

将【font-weight】设置为【bold】，以加粗文字，该属性可继承

**倾斜字体【font-style】**

将【font-style】设置为【italic】，以倾斜文字，该属性可继承

**字间距【letter-spacing】**

设置【letter-spacing】的值为px或em，可控制文字间的间隙，该属性可继承

**首行缩进【text-indent】**

可实现第一个文字向后缩进

**给文字划线【text-decoration】**

设置【text-decoration】属性，可以给文字划线

第二部分

**修饰首字母【伪元素选择器 ::first-letter】**

【::first-letter】可选中元素中的第一个文字

**修饰首行【伪元素选择器 ::first-line】**

【::first-line】可选中元素中的第一行文字

**修饰选中文字【伪元素选择器 ::selection】**

【::selection】可选中被用户框选的文字

**字体类型：概念：衬线字体和非衬线字体**

修改字体类型【font-family】

使用【@font-face指令】加载web字体

使用图标字体

美化边框

**圆角边框【border-radius】**

美化背景

**使用【background-image】设置背景图片**

**使用【background-repeat】设置图片重复方式**

repeat：【默认值】从左到右从上到下重复

no-repeat：不重复

repeat-x：仅在x轴方向上重复

repeat-y：仅在y轴方向上重复

**使用【background-position】设置图片在边框盒中的位置**

预设值：left、right、top、bottom、center

数值：使用数值可实现从雪碧图（Sprite）中取得部分图像

**使用【background-size】设置背景图尺寸**

**使用【background-attachment】固定背景图**

scroll：【默认值】背景图跟随元素移动

fixed：背景图固定

**使用速写属性【background】统一设置**

background：背景图 位置 / 尺寸 重复方式 固定方式 背景颜色

**背景渐变：线性渐变：【background-image：linear-gradient(...)】**

径向渐变（圆形渐变）：【background-image：radial-gradient(...)】

**透明度和鼠标样式**

**透明度【opacity】和alpha通道**

阴影

**文字阴影【text-shadow】**

**盒子阴影【box-shadow】**

转载于:https://www.cnblogs.com/tcq43356/p/11300589.html

发表评论取消回复

表情：

评论列表（有 0 条评论，340人围观）

还没有评论，来说两句吧...

相关阅读

相关 android edittext 美化,android EditText的美化

使用alloctor模板来实现string类虽然以前做过更复杂的各种数据结构,不过那只是在看完c++prime7章后做的,没有考虑到类的拷贝体现出来是类值还是类指针,于是写

爱被打了一巴掌/ 2022年10月05日 01:50/ 0 赞/ 233 阅读

相关 Javascript在线美化，格式化,js美化

Javascript在线美化，格式化 [http://www.css88.com/tool/js\_beautify/][http_www.css88.com_tool_js

旧城等待，/ 2022年08月18日 00:57/ 0 赞/ 126 阅读

相关盒子模型

W3C标准的盒子模型是：width(height) 都不包含padding和border的。但是ie浏览器的盒子模型 width和height是包含padding bor

╰+攻爆jí腚メ/ 2022年07月15日 00:47/ 0 赞/ 199 阅读

相关 eclipse 美化

介绍一个插件，有了之后再也不用羡慕vim的漂亮界面了。 http://eclipsecolorthemes.org/ 截个图： ![Center][] 有两种办法可以利

比眉伴天荒/ 2022年03月11日 14:47/ 0 赞/ 354 阅读

相关 eclipse 美化

介绍一个插件，有了之后再也不用羡慕vim的漂亮界面了。 http://eclipsecolorthemes.org/ 截个图： ![Center][] 有两种办法可以利

忘是亡心i/ 2022年03月11日 14:28/ 0 赞/ 248 阅读

相关美化盒子

第一部分字体大小【font-size】含义：字符框的高度、可继承、默认值：medium 取值：medium：中等字号、larger：大字号、smaller：小字号

骑猪看日落/ 2021年10月26日 22:52/ 0 赞/ 341 阅读

相关美化盒子

美化盒子美化文本第一部分字体大小（font-size）默认值：medium：中等字号 larger：大字号 smaller：小字号数值 px【常用】：绝对字体

妖狐艹你老母/ 2021年10月26日 15:46/ 0 赞/ 332 阅读

相关透明盒子

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

曾经终败给现在/ 2021年09月19日 10:50/ 0 赞/ 313 阅读

相关 css 怪异盒子模型(ie盒子)

标准盒子:width即设置内容区域宽度,不包括内边距、边框、外边距; 怪异盒子:width包括内容区域、内边距和边框,不包括外边距怪异盒子设置方式:box-sizin

àì夳堔傛蜴生んèń/ 2021年07月24日 14:07/ 0 赞/ 534 阅读

相关盒子模型

盒子模型 ![70][] 今年过年不收礼，收礼就收五仁月饼！！！下面咱们就来讲一讲盒子模型。最近快过端午节了，收到了两盒月

- 日理万妓/ 2021年06月11日 15:11/ 0 赞/ 528 阅读