菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育
标题:
css03_王娇语_0208
[打印本页]
作者:
废狗
时间:
2023-2-8 19:48
标题:
css03_王娇语_0208
本帖最后由 废狗 于 2023-2-8 21:26 编辑
CSS的背景
背景颜色:background-color
背景图片:background-image
背景平铺:background-repeat
背景定位:background-position
背景图片滚动:background-attachment
背景的复合写法:background: 背景颜色 背景图片 背景平铺 背景滚动 背景位置;
背景颜色半透明:background:rgba(0,0,0,0,3)
背景缩放:background-sizeCSS的三大特性
层叠性:
样式冲突,遵循就近原则,哪个样式距离结构更近,就执行哪个样式;样式不冲突,不会出现层叠问题
继承性 :子元素会继承父元素的样式 ;子元素可继承的父元素样式:text、font-、line-、等属性
优先级(权重):如果选择器相同,执行层叠性;选择器不同,则按照优先级
CSS的盒子模型
边框:border
内边距:padding-left、padding-right、padding-top、padding-bottom
外边距:margin
CSS的圆角边框
border-radius设置圆角边框,属性值指的是圆的半径
参数值可以是数值或者是百分比
如果想画一个正圆,就将宽高设置成一致,将属性值设置为50%
如果想要单独设置四个角的圆角边框,可以使用
border-top-right-radius(右上角)
border-bottom-right-radius(右下角)
border-top-left-radius(左上角)
border-bottom-left-radius(右上角)
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)
Powered by Discuz! X3.4