摘要: 1.css的布局机制:标准流、浮动和定位 2.position的属性值:relative(相对定位)、absolute(绝对定位)、fixed(固定定位) 3.2个值:上下、左右 3个值:上、左右、下 四个值:上、右、下、左 阅读全文
posted @ 2026-05-21 09:57 小泪楚 阅读(4) 评论(0) 推荐(0)
摘要: Float:none 不使用浮动 Float:left 靠左浮动 Float:right 靠右浮动 阅读全文
posted @ 2026-04-24 14:19 小泪楚 阅读(5) 评论(0) 推荐(0)
摘要: ** 1.DIV盒子模型有四层从外往内依次是: 边界(margin)边框(border)填充(padding)内容(content) 2.margin,border,padding有四个方向从顶部开始顺时针依次是:top,right,bottom,left 3.margin,border,paddi 阅读全文
posted @ 2026-04-24 14:17 小泪楚 阅读(2) 评论(0) 推荐(0)
摘要: 4.15 1.DIV浮动方式 Float常跟属性值left、right、none Float:none 不使用浮动 Float:left 靠左浮动 Float:right 靠右浮动 阅读全文
posted @ 2026-04-17 14:27 小泪楚 阅读(5) 评论(0) 推荐(0)
摘要: 4.8笔记 1.DIV盒子模型有四层从外往内依次是: 边界(margin)边框(border)填充(padding)内容(content) 2.margin,border,padding有四个方向从顶部开始顺时针依次是:top,right,bottom,left 3.margin,border,pa 阅读全文
posted @ 2026-04-09 09:59 小泪楚 阅读(6) 评论(0) 推荐(0)
摘要: 超链接标记 创建锚点链接需要两步 1.使用 “<a herf='#id名'>链接文本</a>” 阅读全文
posted @ 2026-04-08 07:58 小泪楚 阅读(5) 评论(0) 推荐(0)
摘要: 4.1笔记 一. 1.空格: &nbsp; 二.绝对路径:互联网地址 相对路径:本地 例如 ../img/文件名 三.超级链接 1. <a href="#">空链接</a> 2.-self:默认值 3.-blank在新窗口打开 4.超级链接的作用:把若干个网页连接在一起 四.更改样式 阅读全文
posted @ 2026-04-02 09:59 小泪楚 阅读(5) 评论(0) 推荐(0)
摘要: 3.31图像的插入 一.插入的方法 <img src="xx.png" /> 二.分析img标记 1.单标记 2.样式的格式选择器{属性1:属性值1;属性2:属性值2;.....} 3.块元素block 行元素 inline 行内块元素inline-block 三.网页中插入图片的原则 1.在保证成 阅读全文
posted @ 2026-04-01 07:51 小泪楚 阅读(5) 评论(0) 推荐(0)
摘要: 图标的自定义方法 1.阿里图库下载图标,选择大小16px,颜色任意,格式png,保存到项目文件夹里的img文件夹下 2.重命名图片为英文名(记得保留文件名) 3.list-style-image:url(img/XX.png);利用这个样式引入图片 .fruit{ list-style-image: 阅读全文
posted @ 2026-03-31 16:04 小泪楚 阅读(6) 评论(0) 推荐(0)
摘要: 一、设置第一个样式 <h1 align='center'>这是标题一</h1> <h1>这是标题一</h1> h1[algin]f background-color: lightblue; color: orange; } 二、文本控制标记 文本相对于图像的优势和劣势 优势:1表达语义清晰准确2.占 阅读全文
posted @ 2026-03-24 16:17 小泪楚 阅读(6) 评论(0) 推荐(0)