- 博客(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
283
原创 CSS浮动
1.浮动 2.文档流 3.行内元素和块元素的区别 4.display block:块元素(由于div默认是块元素,所以下图就和div一样) inline:行内元素 将div样式修改为行内元素,发现他们的样式变成和span一样,因为span就是默认的行内元素 inline-block:内联-块元素(行内块元素) 即拥有行内元素的不会换行,无法自动居中的特点,有同时有块元素的可以设置高宽这样的特征 一般用于 1、(块元素->行内块元素)列表li标签,使标签会自动换行(原来li标签为块元素,
2022-03-18 17:45:17
208
原创 CSS的盒子模型
1.盒子模型 一个页面上所有的元素(标签)都存在自己的一个盒子模型。 盒子模型由4个部分组成: 具体的内容 content: 内容主体 padding: 内容主体到边框的距离 border: 盒子的边框 margin: 外边框,到其他标签的距离 2.边框border 修改顺序: 如果你针对某一块修改,使用 xxxxxx-top/right/bottom/left-xxxx修改 如果只修改一个属性,则: xxxxxxxxx-xxxx 如果只写一个值,则是四个都修改 写两个值,是修改上下、左右 写三个值,是修改
2022-03-18 17:45:04
137
原创 CSS中关于属性的使用(字体、文本、超链接伪类、列表CSS、背景图片、CSS线性渐变)
1.如何写CSS注释 /*CSS使用这种格式进行注释*/ 2.关于字体的CSS 效果如下: 3.关于文本的CSS 4.超链接伪类 5.列表 6.背景图片 7.CSS线性渐变
2022-03-18 17:44:47
155
原创 CSS3的选择器以及使用介绍
1.什么是 CSS3 Caxcading 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
908
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅