- 博客(10)
- 收藏
- 关注
RSS订阅原创 CSS中盒子居中方式
基础样式版本1，小盒子在大盒子中，使用margin值向四周进行上下左右移动或者 大盒子使用padding值向内挤2，使用移动 transform 使用子绝父相 小盒子设置绝对定位，大盒子设置相对定位HTML<body><div class="father"><div class="son"></div></div></body>CSS.father { marg...
2022-03-10 19:50:30
551
原创 CSS基础七
精灵图指 多张小图合并成为一张大图，使用背景图定位显示效果，要提前写出精灵图显示框的大小，以便剪切好处在于减少服务器多次上传图片，加快网页打开效率background-position: -0px -0px; 定位背景图片的大小background size分为 background size cover 覆盖： 直到盒子被完全填满background size contain 包含 ： 直到图片放大到一边贴到边框或者在 background size 后直接设置数...
2022-03-09 13:24:40
93
原创 CSS基础六
元素的定位position 静态 static 默认值 标准流 不能通过偏移值移动 （没啥用）position相对 relative 相对之前的位置移动 在页面中占位置，不脱标 使用偏移值，进行移动移动了，就会在原来的地方留下空白position 绝对 absolute 相对于非静态定位的父元素进行定位 先看父元素是否设置定位 ，设置了定位就以其，父元素的位置进行定位如果父元素没有定位，则看爷爷有没有定位， 爷爷具有定位，则按照爷爷位置进行定位如果都没有设置父辈定位。则
2022-03-08 23:51:17
101
原创 CSS基础 五
结构伪类选择器1，父元素：first child{}2，：last child{}3，：nth-child(n){} n 选第几个4，：nth-last-child（n）{} 倒数第几个5，nth-of-type 从type的类型中选伪元素使用CSS模拟标签.box：：before 在box的前面模拟你个行内标签.box：：after 在box后面模拟一个行内标签content：“ ”； 只有设置content：“ ”； 时伪元素才能显示只有双标签才能使用伪元素浮
2022-03-08 23:35:55
74
原创 CSS基础四
块元素 block独占一行，可以设置宽高，宽度默认继承父元素的 高度默认由内容撑开行内元素 inline 一行显示多个，宽度默认由内容撑开 不能设置宽高 行内块元素 同时具有两个属性 一行可以放多个， 可以设置宽高 转换行内块 元素 display block 转换行内元素 display inline 转换行内块元素 display inline block 块元素中可以嵌套任意元素 p标签内不能嵌套块级元素 css具有继承性 ，单当原有元素有直接默认值时，...
2022-03-08 20:26:02
133
原创 CSS基础三
1，CSS复合选择器1，后代选择器 选择器1 +空格 选择器2 （2选择器是一选择器里面的内容用空格链接）2，子代选择器 选择器1>选择器2 （2选择器是一选择器里面的内容用大于号（>）链接）3，并集选择器 选择器1,选择器2（选择器1逗号选择器2）同时使两个选择器内的内容被选中。4，交集选择器 选择器1选择器2（选择器连写中间没有任何东西） 选择两个选择器共有的部分背景图片相关属性1，background color 背景颜色2， transparent 透明的 ..
2022-03-08 19:44:43
48
原创 CSS 基础 二
CSS文本修饰文本对齐 text-align left 左对齐text-alignright 右对齐text -align- center 居中对齐text align center 居中时 只能居中当前大盒子里面的小盒子（文字图片是跟随小盒子的移动而居中）文字装饰text-decorantion -underling 文字下划线text -decorantion- througn 添加下划线text-decorantion- overline 添加上划线text-...
2022-03-08 18:37:44
157
原创 HTML规则整理
1.HTML骨架结构，html里面分为三个部分 head title body 主要修改书写内容在body内实现。2，HTML 内部标签组成，包含双标签，与单标签。双标签更容易包含所需要表达的内容。3，HTML标签中只有并列关系与嵌套关系，双标签头尾应该对应。4，HTML标签中可以为其中标签添加属性，使其标签进行改变。5，HTML中会有语义标签，如strong 会比B标签有更强的语气，在优化中会更好。6，...
2022-02-24 10:45:28
810
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人