自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 “显示模式”+“热词 综合案例”

显示模式+盒子基本属性实操

2025-10-22 19:09:33 412

原创 “背景属性”

背景图缩放(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关注的人

提示
确定要删除当前文章?
取消 删除