本篇目录：
- 1、css/box-shadow属性语法
- 2、Css3——background属性详解
- 3、cssborder-image-width属性怎么用
- 4、五、css基础(二)
- 5、审查元素时css样式有个横线(该css样式无法使用)
- 6、CSS长度单位中的负长度值
css/box-shadow属性语法
css/box-shadow属性语法及取值https：// none：无阴影 length①：第 1 个长度值定义元素的阴影水平偏移值。
box-shadow是CSS3中新增的属性，用于给元素添加一个盒子阴影效果。通过设置阴影的颜色、模糊距离、扩展距离和方向等参数，可以实现不同类型的阴影效果，从而为页面元素增加层次感和立体感。
语法：注意：boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。
语法 box-shadow： h-shadow v-shadow blur spread color inset；h-shadow 必需。水平阴影的位置。允许负值。v-shadow 必需。垂直阴影的位置。允许负值。blur 可选。模糊距离。spread 可选。阴影的尺寸。
使用box-shadow添加阴影使用CSS添加阴影时，box-shadow是最常用的方法。box-shadow： 水平阴影 垂直阴影 模糊距离 阴影的大小 阴影的颜色；水平位置和垂直位置指定阴影显示的位置根据正值和负值，位置将如下变化。
Css3——background属性详解
background-position背景图像的位置。CSS3 background-size背景图片的尺寸。默认值：auto 其他值：像素，百分比，contain，cover background-origin背景图片的定位区域。
字体属性 与字体有关的属性包括：font-family，font-style，font-variant，font-weight，font-size，font。
background-size属性是用来设置背景图片尺寸大小的，可以通过长度值或百分比来设置图片大小，或者通过cover和contain来对图片进行伸缩设置。CSS background-size属性作用：规定背景图片的尺寸。
background-position属性用于设置背景图像的起始位置的。语法为background-position： x y，其中x表示水平位置，y表示垂直位置；x和y有多种赋值方式，例：top left，3% 2%，xpos ypos。
css background-image属性为元素设置背景图像，语法为：background-image：url(图片路径)。设置的背景图像会占据元素的全部尺寸，包括内边距和边框，但不包括外边距。css background-image属性怎么用？作用：为元素设置背景图像。
background-image属性是用来设置元素的一个或多个背景图像，用逗号（，）分隔。CSS background-image属性作用：background-image属性为元素设置背景图像。
cssborder-image-width属性怎么用
CSS3 border-image属性作用：使用图片来创建边框说明：复合属性。设置或检索对象的边框样式使用图像来填充。
border-image 属性是一个简写属性，用于设置以下属性：border-image-source border-image-slice border-image-width border-image-outset border-image-repeat border-image-source 用在边框的图片的路径。
这里原始的图片如下：将此图像按照要求指定为元素周围的边框，效果如下：border-image属性可以允许你将图片或CSS渐变形状作为一个元素的边框。
使用逗号“，”隔开。border-image-width：定义元素边框图像的厚度。 该属性用于指定使用多厚的边框来承载被裁剪后的图像。
语法：border-方向(top/right/bottom/left)-属性(width/style/color)：取值； 属性：border-radius 作用：设置倒角位置处圆的半径，半径越大，弧度越大。
五、css基础(二)
1、文本类属性 ① 字体类型 语法：font-family：字体1，字体2，字体..；设置多个字体时，浏览器会优先识别字体1，找不到则识别字体2，都无法识别时，显示浏览器默认字体。
2、所有的标签都能做选择器，例如：div、p、 ul、 li、 a、 span、body等等 2不管这个标签藏的多深，都能够被选择上。
3、用原生代码的基本实现在于mediaquery@media的设置。媒体 屏幕 可以查询当前浏览器的大小，所以可以用这个方法为同一个页面设置不同的CSS样式，以满足不同的分辨率要求。
4、定义CSS样式(三种方式)在head标签中加载一个CSS文件示例此例使用了link标签。
5、css2中的盒模型是外扩的。css3的box-sizing：盒模型内减。（在width、height基础上再书写padding或者border，是在原有宽高上进行内减。）例：内减盒模型：书写的width、height就是盒子真正占有的宽和高。
6、之间的文本被显示为段落HTML元素HTML文档是由HTML元素定义的。HTML元素指的是从开始标签（starttag）到结束标签（endtag）的所有代码。
审查元素时css样式有个横线(该css样式无法使用)
在调试中发现css样式被划了横线表示该css样式被层叠不会被解释执行，相当于没写！当同一个HTML元素被不止一个样式定义时，一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
你应该用firefox的firebug或者Chrome的审查元素去看浏览器生成的代码，在head标签看看你的样式的链接是不是准确连接，路径有没有错误，可以点击看的。甚至是不是编码问题都可以看得出的。
在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。将style中的全部css样式选中，然后复制或者剪切。然后ctrl+N新建一个CSS样式文件，如图所示，然后创建。
与HTML的结合CSS与HTML的结合有三种方式：外部样式、内部样式和内联样式。①外部样式当需要对很多页面应用样式时，外部样式表将是一个理想的选择。在使用外部样式表的情况下，您可以通过更改一个文件来更改整个站点的外观。
CSS长度单位中的负长度值
在CSS中的vertical-align 属性是设置元素垂直对齐的方式 需要注意的是：vertical-align属性定义行内元素的基线是相对vertical-align这个元素所在行的基线的垂直对齐。是会允许指定负长度值和百分比值的。
CSS样式主要包含以下三种类型：行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
normal ： 默认值。默认间隔 length ： 由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位 使用说明：检索或设置对象中的文字之间的间隔。
然后我们发现默认文字之间比较紧凑。如图所示 现在我们给div设置一个id为“wd”。如图所示 通过css在style使用letter-spacing给wd中的文字设置字间距为30px。
为了帮助大家更好的工作小编今天为大家分享一些css的长度单位，希望能够对小伙伴们有所帮助。rem我们首先介绍下和我们熟悉的很相似的货。em被定义为相对于当前对象内文本的字体大小。
到此，以上就是小编对于css中哪个属性不可继承的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。
微信扫一扫打赏
