2026年5月
常见css属性（1）
摘要： 常见css属性（1） width: 设置元素宽度 height:设置元素高度 padding: 内边距 盒子里面和内容的距离 margin:外边距 盒子和外面其他盒子的距离 -margin:0 auto; 盒子水平居中 overfiow:溢出内容处理 -overflow:hidden; 隐藏超出部分 阅读全文
posted @ 2026-05-31 12:29 Nuyoahr 阅读(7) 评论(0) 推荐(2)
实现网页底部固定长条背景
摘要： 实现网页底部固定长条背景 body{ height: 2000px; background-image:url(img/A64F1C8B363ACFC3FEF6995FC6777D61.jpg); /*背景图片*/ background-repeat: repeat-x; /*背景图片重复*/ ba 阅读全文
posted @ 2026-05-26 10:13 Nuyoahr 阅读(8) 评论(0) 推荐(2)
固定定位+描记
摘要： 固定定位+描记 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>固定定位+描记</title> <style type="text/css"> .main{ height: 3000px; /*padding: 1500px 0 阅读全文
posted @ 2026-05-26 10:13 Nuyoahr 阅读(6) 评论(0) 推荐(2)
固定宽度时，实现字数超出时变成省略号及动态改变css样式
摘要： 4.28 一、固定宽度时，实现字数超出时变成省略号 ①不折叠 white-space: nowrap; ②超出部分隐藏 overflow: hidden ③用省略号表示 text-overflow: ellipsis; 二、如何动态改变css样式 <button>改变背景颜色</button> *{ 阅读全文
posted @ 2026-05-06 17:58 Nuyoahr 阅读(11) 评论(0) 推荐(1)
2026年4月
DIV何止模型相关笔记第二弹
摘要： 4.16 一、行内/块级/空元素 (1）行内元素： 、、、、 (2)块级元素： 、、、、 (3)空元素： 、、、 二、如何设计元素之间的转换 (1）、display:block转为块元素。 独占一行，行宽高、外边距、内边距都可以设置 (2）、display:inline-block： 转为行内块元素 阅读全文
posted @ 2026-04-20 14:11 Nuyoahr 阅读(12) 评论(0) 推荐(2)
DIV布局页面第一弹
摘要： DIV布局页面 DIV // 本身并没有什么意义，可以当作普通的块元素，在 CSS 和JavaScript 调用。 同样作用的标签还有，区别是 为块元素（一般前后会换行） 而 为内联元素（一般前后不会换行)。 ①四成组成由margin border 填充padding 内容content组成 ②除了 阅读全文
posted @ 2026-04-15 17:34 Nuyoahr 阅读(10) 评论(0) 推荐(2)
空链接
摘要： 空链接 1.什么时候要使用空链接 ①占位预留 ②绑定JS交互 ③纯样式按钮（五跳转） ④临时禁用链接 2.在同一和个页面设置不同样式的超链接 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .o 阅读全文
posted @ 2026-04-07 10:29 Nuyoahr 阅读(8) 评论(0) 推荐(2)
web（相对链接、超级链接等）
摘要： 3.31相对路径、超级链接等 一、相对路径： ①图像文件和html文件位于同一文件夹： 只需输入图像文件的名称即可，如： <img src="butterfly.png"> ②图像位于html的下一级文件夹： 输入文件夹名和文件名，之间用"/"隔开，如： <img src="img/butterfl 阅读全文
posted @ 2026-04-05 13:08 Nuyoahr 阅读(24) 评论(0) 推荐(5)
2026年3月
web笔记（图片）
摘要： 3.26web笔记 二、图像标记 1.常见图像格式 svg：小 webp:颜色丰富ius不支持 GIF:最突出的地方在于它支持动图，是一种无损的图像格式，支持透明。 PNG：支持透明背景 JPG：颜色丰富 原则：在保证呈像质量的前提下越小越好 插入图片的格式 <img src="图片UPL"/>// 阅读全文
posted @ 2026-03-29 14:35 Nuyoahr 阅读(9) 评论(0) 推荐(2)
web入门基础笔记（文本排版、列表……）
摘要： 3.24web笔记（文本排版、列表……） 一、文本控制排版 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本控制排版</title> </head> <body> <h1>任务04使用表单制作页面</h1> <h2>4.1任 阅读全文
posted @ 2026-03-24 10:07 Nuyoahr 阅读(15) 评论(0) 推荐(5)
下一页