2026年6月
background rgba(0, 0, 0, 0
摘要： background: rgba(0, 0, 0, 0.4); rgba(红, 绿, 蓝, 透明度) 1. rgba 四个参数含义 0 红色通道：0 无红色 0 绿色通道：0 无绿色 0 蓝色通道：0 无蓝色 → 前三组都是 0，混合出黑色 0.4 透明度（alpha）：取值范围 0 ~ 1 0 = 阅读全文
posted @ 2026-06-30 15:11 Nuyoahr 阅读(3) 评论(0) 推荐(0)
fiex弹性布局justify-content
摘要： .box{ align-items:flex-start |flex-end | center | baseline |stretch; } 它可能取5个值。具体的对齐方式与交叉轴的方向有关，下面假设交叉轴从上到下。 • flex-start：交叉轴的起点对齐。 • flex-end：交叉轴的终点对 阅读全文
posted @ 2026-06-26 09:27 Nuyoahr 阅读(3) 评论(0) 推荐(0)
使用border-radius属性制作特殊图形
摘要： 使用border-radius属性制作特殊图形 <!DOCTYPE html> <html>31 <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .circle{ width: 200px; height: 阅读全文
posted @ 2026-06-26 09:12 Nuyoahr 阅读(2) 评论(0) 推荐(0)
实现轮播图效果
摘要： 实现轮播图效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>轮播图</title> <style type="text/css"> div.content{ margin: 0 auto; width: 200px; } l 阅读全文
posted @ 2026-06-14 16:08 Nuyoahr 阅读(1) 评论(0) 推荐(0)
登录注册
摘要： 登录注册 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .denglu1 { float: left; 阅读全文
posted @ 2026-06-14 16:06 Nuyoahr 阅读(3) 评论(0) 推荐(0)
2026年5月
常见css属性（1）
摘要： 常见css属性（1） width: 设置元素宽度 height:设置元素高度 padding: 内边距 盒子里面和内容的距离 margin:外边距 盒子和外面其他盒子的距离 -margin:0 auto; 盒子水平居中 overfiow:溢出内容处理 -overflow:hidden; 隐藏超出部分 阅读全文
posted @ 2026-05-31 12:29 Nuyoahr 阅读(12) 评论(0) 推荐(2)
实现网页底部固定长条背景
摘要： 实现网页底部固定长条背景 body{ height: 2000px; background-image:url(img/A64F1C8B363ACFC3FEF6995FC6777D61.jpg); /*背景图片*/ background-repeat: repeat-x; /*背景图片重复*/ ba 阅读全文
posted @ 2026-05-26 10:13 Nuyoahr 阅读(13) 评论(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 阅读(7) 评论(0) 推荐(2)
固定宽度时，实现字数超出时变成省略号及动态改变css样式
摘要： 4.28 一、固定宽度时，实现字数超出时变成省略号 ①不折叠 white-space: nowrap; ②超出部分隐藏 overflow: hidden ③用省略号表示 text-overflow: ellipsis; 二、如何动态改变css样式 <button>改变背景颜色</button> *{ 阅读全文
posted @ 2026-05-06 17:58 Nuyoahr 阅读(12) 评论(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)
下一页