- 博客(11)
- 收藏
- 关注
原创 弹性盒子的使用
控制子级元素换行显示弹性盒子超出父级范围宽度默认进行挤压不换行flex-wrap属性值。注意 在弹性盒中所有元素 不考虑元素类型 所有的子级元素都可以直接设置宽高。1.概念 在父级元素下设置弹性盒属性所有的子级都会遵循对应的弹性规则。space-around 元系的左右空间分配是相等的。space-around 元素的左右空间分配是相等的。space-evenly 所有空间都是自动平均分配。space-evenly 所有空间都是自动平均分配。flex-start 侧轴的开始位置排列。
2024-09-04 16:39:32 413
原创 css背景大小的设置
第二种 100% 100% 表示百分比相对于父级元素计算会占满父级盒子。第四种 cover 覆盖(不会让图片变形但是图片超出部分会被裁剪)第一种 固定宽高大小700px 400px。属性 background-size。第三种 100% auto。第五种 contain。
2024-09-04 11:29:53 119
原创 css设置圆角属性
示例做了一个小米图标<!DOCTYPE html><html lang="enabled"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>价值200万的小米图标</title> <style>
2024-09-04 11:29:08 121
原创 浏览器前缀的认识
为什么要有浏览器前缀 由于浏览器的制作厂商不一样 源码也不一样(浏览器的内核解析html和css不一样)由于css3是新版本,增加了新的属性在部分浏览器解析上会出问题为了支持这些属性每个浏览器都有自己的前缀。市场上常见的弟弟浏览器:uc 百度 360 搜狗 q9 夸克 2345。2 优雅降级:先实现高版本的效果,在考虑低版本浏览器的适配。1 渐进增强:先保证低版本的正常使用再在高版本中做效果。市场上五大浏览器:谷歌 火狐 ie 欧朋 safari。-webkit-谷歌 safari。
2024-09-04 10:51:19 172
原创 H5基础:选择器
想要改变某个元素后面所有的元素的时候A.语法: 某某1~某某2{} 例如 div~p0B{}想要改变某个元素后面紧挨着的元素的时候,语法: 某某1+某某2{} 例如 div+p0{}想要改变某个父元素下面所有的后代元素(包括儿子,孙子,重孙子....)的时候。想要改变某个父元素下面所有的儿子元素的时候。语法:父元素 子元素{} 例如 div p0{}语法: 父元素>子元素{} 例如 ul>li{}基本选择器的分类 标签 id class 通配符 群组选择器。选择器1,选择器2{}2. class 选择器。
2024-09-04 10:11:48 349
原创 css3中伪劣选择器
当所有的标签名称是一样的时候:将所有相同的标签组成一个集合,再从集合内选择。css3中伪类选择器:表示将很多标签放在一起通过选择第几个进行修饰。
2024-09-04 09:28:10 310
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人