标签：box 部分 元素 阴影 background 边框 border CSS 属性
CSS文本属性
| 属性 | 描述 |
|---|---|
| color | 文本颜色，常用16进制。红绿蓝 |
| font-style | 字体样式。normal|italic（斜体） |
| line-height | 行高。控制行与行之间的距离。一般用px |
| letter-spacing | 字母间距 |
| word-spacing | 字间距 |
| text-align | 设置文本对齐方式。left|right|center|justify（两端对齐）|inherit（从父元素继承） |
| text-decoration | 文本修饰。常用的有 none（常用于给a元素去掉下划线）|underline|overline|line-through |
| text-indent | 首行缩进。常用单位em。1em表示1个中文字符宽度，我们的段落首行缩进2em。 |
| text-transform | 控制字母大小写。none|uppercase|lowercase|capitalize（首字母大写） |
| text-shadow | 文本阴影。h-shadow v-shadow blur color（水平阴影的位置，垂直阴影的位置，模糊的距离，阴影的颜色） |
CSS背景属性
| 属性 | 描述 |
|---|---|
| background-color | 背景颜色，有效的颜色名称／16进制／rgb。 |
| background-image | 背景图片。url(图片路径) |
| background-repeat | 是否重复。repeat|no-repeat|repeat-x|repeat-y |
| background-attachment | 背景固定还是滚动。scroll|fixed |
| background-position | 背景图像的起始位置。length／position，分别是x和y坐标，如果是用数值表示，则必须按照x、y的顺序 |
| background-clip | 规定背景的绘制区域。border-box（背景被裁剪到边框盒）|padding-box（背景被裁剪到内边距框）|content-box（背景被裁剪到内容框） |
| background-origin | 规定背景的放置位置。padding-box（相对于内边距框来定位）|border-box（相对于边框盒来定位）|content-box（相对于内容框来定位） |
| 背景简写 | 约定 （颜色 图片地址 是否重复 是否滚动 位置）这个顺序，但是没有固定顺序 |
| 背景透明 | background:rgba(0,0,0,.8) alpha取值范围为 0.0 - 1.0。值越低，越透明 |
CSS边框属性
| 属性 | 描述 |
|---|---|
| border-style | 边框样式。以下是一些常用的： none - 无边框；hidden - 隐藏边框；dotted - 点线边框；dashed - 虚线边框 solid - 实线边框；double - 双边框 |
| border-width | 边框宽度。属性可以设置一到四个值（用于上右下左） |
| border-color | 边框颜色。属性可以设置一到四个值（用于上右下左） |
| 边框各边 | border-top|border-top-style|border-top-color|border-top-width等等 |
| border | 简写。border-width border-style（必需）border-color |
| border-radius | 设置上右下左四个圆角，一般为height的一半 |
一些额外的点：
CSS盒子模型
内边距padding、外边距margin、边框border。
盒子模型布局稳定性：width>padding>margin【margin会有外边距合并问题以及IE6下面margin加倍的bug。而当盒子设置width的值后，再设置padding会把盒子撑大。】
相邻块元素外边距合并：比如上下两个相邻div。上面的div设置了一个margin-bottom，下面的div设置了一个margin-top。他们的垂直外边距会实现合并，合并后的值为两者中的较大值。解决：尽量只给一个盒子设置外边距
嵌套块元素外边距合并：对两个嵌套关系的div，如果父元素没有上内边距及上边框，则父亲的上外边距和子元素的上外边距会产生合并，合并后的外边距为两者中的较大值。解决：为父元素定义上边框/为父元素设置上内边距/为父元素添加overflow:hidden
盒子阴影：box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内外阴影（如果是外阴影，不要设值！！！！！）
如何设置单行文本垂直居中？
采用line-height属性。让line-height = height
行高与高度的三种关系：
行高等于高度，文字垂直居中；
行高大于高度，文字会偏下；
行高小于高度，文字会偏上。
CSS三大特性
- 层叠性。采取就近原则，选离骨架最近的
- 继承性。子元素可以继承父元素特性。
- 优先级。!important（无穷大）> 行内样式表（1，0，0，0） > id 选择器（0，1，0，0） > 类选择器 （0，0，1，0）> 标签选择器（0，0，0，1）> 继承（继承权重是0），数位之间没有进制。
我们修改样式，一定要看标签有没有被选中。如果选中了，计算权重，谁大听谁的，如果没有选中，那么权重是0，因为继承的权重是0，
标签：box,部分,元素,阴影,background,边框,border,CSS,属性 来源： https://blog.csdn.net/u013773608/article/details/122174815
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。