- 博客(7)
- 收藏
- 关注
RSS订阅原创 多列布局、伸缩容器、flex属性
三个收缩项目，宽度分别为：200px,300px,200px,他们的flex-shrink值分别为：1，2，3若想刚好容纳下三个项目，需要总宽度为700px，但目前容器目前只有400px，（以下6个属性设置在容器上flex-direction，flex-wrap，flex-flow，justify-content，align-items，align-content）（设置在项目上：order，flex-grow，flex-shrink，flex-basis，flex，align-self）
2024-06-15 21:37:39
650
原创 CSS3 2D变换、3D变换、过渡、动画
scaleX 设置水平方向的缩放比例，值为一个数字，1表示不缩放，大于1表示放大，小于1表示缩小。scaleY 设置垂直方向的缩放比例，值为一个数字，1表示不缩放，大于1表示放大，小于1表示缩小。scale 同时设置水平，垂直方向，一个值代表水平和垂直方向，两个值一个代表水平，一个代表垂直。rotate3d 前三个参数分别表示坐标轴x，y，z，第四个值表示旋转角度，参数不允许省略。例如：transform：rotate3d（1，1，1，30deg），意思是xyz分别旋转30度。
2024-06-12 22:47:22
862
原创 CSS3新增属性
1.1 resize调整盒子大小：resize属性可以控制是否允许用户调节元素大小none ： 不允许调整元素大小both ： 用户可以调节元素的宽高horizontal ： 用户可以调节元素宽度vertical ：用户可以调节元素高度1.2 box-shadow盒子阴影使用box-shadow属性为盒子添加阴影语法：值h-shadow ： 水平阴影的位置，必须填写，可以为负值v-shadow ：垂直阴影的位置，必须填写，可以为负值。
2024-06-05 22:45:58
810
原创 HTML5新增标签
pattern 填写正则表达式，适用于文本输入类表单控件，（注意：多行输入不可用，且空的输入框不会验证，往往与required配合）autocomplete 自动完成，可以设置为on，或者off，适用于文字输入类表单控件（注意：密码输入框和多行输入框不可用）preload ：auto/metadata/none 视频加载，若使用autoplay，则忽略该属性。preload：auto/metadata/none 音频加载，若使用autoplay，则忽略该属性。例如：电量，磁盘用量。
2024-06-03 23:23:03
593
原创 CSS盒模型，margin塌陷、元素浮动问题，内容溢出问题处理，元素定位问题
visibility属性 默认值是show，如果设置为hidden，元素会隐藏，元素看不见但是会占有原来的位置（元素大小依旧保持）若子元素为块元素，给子元素加上：margin-top，值为：（父元素content - 子元素盒子总高）/2。3、方案三：给父元素设置font-size：0。6、如果x-index值的最大的元素，依然没有覆盖掉z-index值小的元素，那么请检查其包含块的层级。对兄弟元素的影响：后面的兄弟元素会占据浮动元素之前的元素位置，在浮动元素的下面，对前面的兄弟无影响。
2024-06-01 23:46:43
1043
原创 CSS属性
background-position 设置背景图片位置 写两个值，用空格隔开 水平：left，center，right 垂直：top，center，bottom 也可以通过长度指定坐标位置，设置x，y坐标 （10px，20px）lower-roman: 小写罗马字。background-repeat 设置背景重复方式 repeat：重复，铺满整个元素，默认值 repeat-x：只在水平方向重复 repeat-y：只在垂直方向重复 no-repeat：不重复。
2024-05-30 23:45:35
484
原创 CSS选择器
根据元素的id属性值，来精准选中某个元素，一个元素可以同时拥有id，和class属性，id属性值不能相同。::after 在元素最后的位置，创建一个子元素，子元素必须用content属性指定内容。3、[属性名^="值"]选中包含某个属性，且属性值是以指定值开头的元素。4、[属性名$="值"]选中包含某个属性，且属性值是以指定值结尾的元素。5、[属性名*="值"]选中包含某个属性，且属性值是包含指定值的元素。2、[属性名="值"]选中包含某个属性，且属性值等于指定值的元素。
2024-05-29 22:09:14
968
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人