菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 蒋鹏冲-20221014-CSS3 [打印本页]

作者: 北纬33 时间: 2022-10-15 04:08
标题: 蒋鹏冲-20221014-CSS3
一，今日学习内容：
1.CSS的盒子模型
概念:CSS盒子模型本质上就是一个盒子来封装周围的HTML元素。盒子模型包括：边框、外边距、内边距和盒子内的实际内容。
。一个标签就是一个盒子，不仅仅是div标签，所有的标签都是盒子。
边框（border）
border可以设置盒子的边框
语法为：border： border-width border-style border-color;
边框的样式也可以单独设置
border-style
属性值
边框的宽度可以单独设置
边框颜色可以单独设置
设置不同位置的边框
内边距（padding）
外边距（margin）
2.CSS的圆角边框
语法：border-radius:length（像素值）;
属性值可以为具体的数值或者百分比，border-radius指的是圆的半径
如果想要画一个正圆，先画一个正方形，将border-radius的属性值设置为50%即可
3.CSS的盒子阴影
属性名为 box-shadow
注意：1、阴影默认的就是外阴影（outset），但是这个属性值必能写在box-shadow属性内，否则阴影无效
2、盒子阴影不会占用空间，也就是不会影响盒子的排列

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)