- 博客(6)
- 收藏
- 关注
原创 CSS定位的使用
1.定位定位: position的四种属性:static : 静态的relation : 相对的absolute : 绝对的fixed : 固定的2.static 静态定位没有定位,默认值,出现在原本应该出现的文档流位置。3.relation 相对定位相对定位的使用场景:1、在原本的文档流位置附近移动2、配合绝对定位使用4.absolute 绝对定位5.fixed 固定定位6.z-index 属性7.透明度...
2022-03-18 17:45:34 195
原创 CSS浮动
1.浮动2.文档流3.行内元素和块元素的区别4.displayblock:块元素(由于div默认是块元素,所以下图就和div一样)inline:行内元素将div样式修改为行内元素,发现他们的样式变成和span一样,因为span就是默认的行内元素inline-block:内联-块元素(行内块元素)即拥有行内元素的不会换行,无法自动居中的特点,有同时有块元素的可以设置高宽这样的特征一般用于1、(块元素->行内块元素)列表li标签,使标签会自动换行(原来li标签为块元素,
2022-03-18 17:45:17 147
原创 CSS的盒子模型
1.盒子模型一个页面上所有的元素(标签)都存在自己的一个盒子模型。盒子模型由4个部分组成:具体的内容content: 内容主体padding: 内容主体到边框的距离border: 盒子的边框margin: 外边框,到其他标签的距离2.边框border修改顺序:如果你针对某一块修改,使用xxxxxx-top/right/bottom/left-xxxx修改如果只修改一个属性,则:xxxxxxxxx-xxxx如果只写一个值,则是四个都修改写两个值,是修改上下、左右写三个值,是修改
2022-03-18 17:45:04 79
原创 CSS中关于属性的使用(字体、文本、超链接伪类、列表CSS、背景图片、CSS线性渐变)
1.如何写CSS注释/*CSS使用这种格式进行注释*/2.关于字体的CSS效果如下:3.关于文本的CSS4.超链接伪类5.列表6.背景图片7.CSS线性渐变
2022-03-18 17:44:47 94
原创 CSS3的选择器以及使用介绍
1.什么是 CSS3Caxcading Style Sheet 层叠样式表层叠:指多层,说明可以通过多个样式去表现,可以理解成一个“正方体”,他中间穿插多层样式。样式:具体的各种修改展示形式的表现。表: 表格2. CSS基本语法结构<style> 选择器{ 声明1; 声明2; ......}</style>3.三种引入CSS的方式3.1、行内样式<h2 style="font-size:20px; color:blue;">你好CS
2022-03-18 17:44:23 829
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人