- 博客(10)
- 收藏
- 关注
RSS订阅原创 css之盒子样式
也可以分开写：border-top-left-radius、border-top-right-radius、border-bottom-right-radius和border-bottom-left-radius。在css3中，新增了盒子阴影样式，这样我们就可以使用box-shadow为盒子添加阴影了。该属性是一个简写属性，可以跟四个值，分别代表左上角，右上角，右下角，左下角。在css3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。如果是个矩形，设置为高度的一半就可以做。
2025-05-19 22:23:06
281
原创 css盒子模型之边框
当上下相邻的两个块元素相遇时，如果上面的元素有下外边距，下面的元素有上外边距，则他们之间的垂直间距不是上下外边距之和，而是取两个值中的较大者，这种现象叫做相邻块元素垂直外边距的合并。注意：行内元素是为了照顾兼容性，尽量只设置左右内外边距，不要设置上下内外边距，但是转换为块级和行内快元素就可以了。网页元素很多都带有默认的内外边距，而且不同游览器默认的也不一致，因此我们在布局前，首先要清除下元素的内外边距。对于两个嵌套关系的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距值。
2025-05-16 17:04:32
2174
原创 CSS的背景
如果指定的两个值都是方位名词，则两个值前后顺序无关，比如left top和top left效果一致。如果指定的两个值是精确单位和方位名词混合使用，则第一个值是x坐标，第二个值是y坐标。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。如果参数值是精确坐标，那么第一个肯定是x坐标，第二个一定是y坐标。如果只指定了一个方位名词，另一个值省略，则第二个值默认居中对齐。如果只指定一个数值，那该数值一定是x坐标，另一个默认垂直居中。通过css背景属性，可以给页面元素添加背景样式。
2025-05-16 16:52:05
175
原创 CSS三大特性
子标签会继承父标签的某些样式，如文本颜色和字号，简单的理解就是：子承父业（和文字相关的属性：text-、font-、line-、及color属性）可以简单记忆法：通配符和继承是0，标签选择器是1，类选择器是10，id选择器是100，行内样式表为1000，！继承的权重是0，如果该元素没有被直接选中，不管父元素权重多高，子元素得到的权重都是0。可以理解为类选择器永远大于元素选择器，id选择器永远大于类选择器，以此类推。选择器优先级：ID选择器>类选择器，伪类选择器>标签选择器>通配符选择器。
2025-05-16 16:38:42
167
原创 CSS的元素显示模式
概念：元素（标签）以什么方式进行显示，比如说<div>自己占一行，比如一行可以放多个<span>。HTML元素一般分为块元素和行内元素两种模式元素模式元素排列设置样式默认宽度包含块级元素一行只能放一个可以设置宽度高度容器的100%容器级可以包含任何标签行内元素一行可以放多个行内元素不可以直接设置宽度高度它本身内容的宽度容纳文本或者其他行内元素行内块元素一行可以放多个行内块元素可以设置宽度和高度它本身内容的宽度。
2025-05-06 19:27:52
734
原创 CSS复合选择器
选择器作用特征使用情况隔开符号及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格.nav a子代选择器选择最近一级元素只选择儿子较少符号是大于号并集选择器选择某些相同样式的元素可以用于集体声明较多符号是逗号链接伪类选择器选择不同状态的链接跟链接相关较多重点记住a{}和a.hover实际开发中的写法focus选择器选择获得光标的表单跟表单（input）相关较少input：focus这个写法。
2025-05-06 18:45:44
1053
原创 css的字体属性
属性表示注意点font-size字号通常使用的单位是px像素，书写过程中一点要跟上单位字体实际过程中按照团队约定来写字体字体粗细加粗是700或者bold，不加粗是normal或者400 记住数字不能跟单位font-style字体样式记住倾斜是italic 不倾斜的是normal 工作中最常使用的是normalfont字体连写字体连写是有顺序的，不能随意换位置，其中字号和字体必须同时出现。
2025-05-04 17:04:55
184
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人