- 博客(11)
- 收藏
- 关注
原创 “XX介绍卡片/某音解决方案”综合案例
这个综合案例是做抖音解决方案,当然它也可以放其他内容。so--box>ul>li(含有img+text)好了,这次这个简单的综合案例了。(我就要放其他内容)
2025-10-31 20:01:48
247
原创 标准流、浮动基本使用和布局+清除浮动+解决办法、浮动总结、Flex
指的是标签在网页中默认的排布规则,例如:块级元素独占一行,行内元素可以一行显示多个。父级.box修饰的就是:(用浮动的话就是.box div修饰的浮动+外边距{需。弹性盒子可以自动解压或拉伸,默认情况下,所有弹性盒子都在一行显示。提倡的布局模型,非常适合结构布局,提供了强大的。弹性盒子的侧轴对齐方式(给弹性容器设置)弹性盒子的侧轴对齐方式(给弹性盒子设置)—浮在大盒子上的有右边一个盒子,左边有。拓展:浮动的本质是实现图文混排的效果。作用:控制弹性盒子的主轴方向的尺寸。右边的是没改的,上边的是改了的。
2025-10-27 20:23:38
913
原创 综合案例一(产品卡片)+综合案例二(新闻列表)
这是我们今天要写的综合案例:产品卡片设计。下方字上间距、下间距、字大小、字体族。卡片内图片内间距、尺寸、居中;卡片大小、颜色、居中;
2025-10-24 15:15:36
356
原创 盒子模型-外边距、清除默认样式、元素溢出、外边距问题、外边距问题、圆角、阴影
盒子模型-外边距作用:拉开两个盒子之间的距离 (用来居中)属性名:margin (和padding属性值写法相同、含义相同:margin-方位名词外间距不会撑大盒子居中也可:margin:0 auto;要想居中,必须有宽度属性!清楚默认样式用通配符选择器*{}+设置margin、podding另外:li{为去掉无序列表的圆点。solist-style:none为去除列表里的序列。为防止撑大盒子可设置box-sizing:bord-box,就不用考虑撑大盒子问题了。
2025-10-23 20:44:31
961
1
原创 盒子模型(组成、边框线、内边距、尺寸计算)
手动做减法,减掉border/padding的尺寸 2.内减模式:box-sizing: border-box。属性名:margin-方位词 属性值: 同上。属性名:boder-方位名词 属性值:同上。盒子尺寸=内容尺寸+border尺寸+内边距尺寸。.tian类的div能够显示自己的单边框线。
2025-10-23 12:15:40
612
原创 结构伪类选择器、伪元素选择器、PxCook
注释:偶排(2n)奇数(2n+1)五排往后(n+5)五排往前(-n+5):(像素大厨)是一款切图设计工具软件。支持PSD文件的文字、颜色、距离自动智能识别。E(标签名):nth-child(需要修饰的行){ }必须设置content:" "属性。伪元素默认是行内元素。
2025-10-22 21:43:23
418
原创 每周问题总结
原因:h2标签的特殊性—因为h2块级标签标签为独占一行,so有了第一次的问题 而从块级元素变到行内元素只是由独占一行变到了背景色包裹内容,so有了第二次问题(内容居中只是在背景里居中)。:第一遍——因为块级元素block(独占一行)+背景颜色+文字修饰=内容那一行全部都为蓝色,文字居中。第二遍——块级元素→行内元素(block→inline)BUT。
2025-10-22 19:47:03
411
原创 “背景属性”
背景图缩放(background-size):关键字—等比例缩放背景图片以完全覆盖背景图,可能部分背景图片看不见(cover);完全装下图片,可能背景部分空白(contain);背景平铺方式(background-repeat):属性值——不平铺(no-repeat),平铺(repeat),水平平铺(repeat-x),垂直平铺(repeat-y),背景图位置(background-position):属性值——左(left),右(right),中(center),顶部(top),底部(butto),
2025-10-21 20:26:38
387
原创 选择器,css三大特性,Emmet写法
style里面“标签名:hover{CSS属性}” 属性“:link访问前”、“:visited访问后”、“:hover悬停”、“:active点击时”。: xua复合选择器——后代选择器、子代选择器、并集选择器、交集选择器。:在style里父选择器【空格】子选择器。:在style里父选择器>子选择器;:选择器1选择器2(连写)。:继承性、层叠性、优先性。:选择器1,选择器2,;
2025-10-21 19:55:16
197
原创 CSS基础
属性名:text-decoration 属性值:none(无下划线),underline(下划线),line-thought(删除线),overline(上划线)。上周汇报CSS基础未结束的:四类选择器、画盒子、文本修饰。(.类名{里放宽度-weight,高度height,背景色background-colo}):text-align 属性值:left、center、right,(一类一类,so属性名时 class=“类名”,其次.类名)、:style里用标签选择器(标签名{(id=“”,#id名)、
2025-10-21 19:36:41
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅