今今日晴 - 博客园

2026年5月

摘要：亿贝网页 html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>banner</title> <style type="text/css"> .content{ height: 261px; background-imag 阅读全文

posted @ 2026-05-31 13:24 今今日晴阅读(3) 评论(0) 推荐(0)

第十一周相对绝对定位

摘要：相对绝对定位 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>相对绝对定位</title> <style type="text/css"> .parent{ /*800*400,边框10像素红色,水平居中*/ margin: 1 阅读全文

posted @ 2026-05-31 13:20 今今日晴阅读(2) 评论(0) 推荐(0)

第十周笔记如何动态改变css样式

摘要：如何动态改变css样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} div{ margin: 0 auto; 阅读全文

posted @ 2026-05-31 13:15 今今日晴阅读(2) 评论(0) 推荐(0)

第九周笔记

摘要：一、文本折叠省略号效果分为单行省略、多行省略，核心依赖 overflow 、 text-overflow 、 white-space 组合。单行文本省略（兼容性最优）必备三属性，缺一不可 .box { width: 300px; /* 必须设置宽度 */ white-space: nowrap 阅读全文

posted @ 2026-05-31 13:03 今今日晴阅读(3) 评论(0) 推荐(0)

第八周 auto、foalt与父级塌陷

摘要： CSS auto、float 与父级高度塌陷一、float 浮动作用与取值 float ：让元素脱离标准文档流，向左/向右浮动排列常用值： float: left ：左浮动 float: right ：右浮动 float: none ：默认，不浮动浮动特性元素脱离普通流，不再占据原有文档流阅读全文

posted @ 2026-05-31 13:03 今今日晴阅读(4) 评论(0) 推荐(0)

2026年4月

排版鲜花页面

摘要：排版鲜花页面盒模型的外三层，指的是从内到外包裹内容的三层“容器”，分别是：内边距（padding）：内容与边框之间的距离边框（border）：盒子本身的边界线外边距（margin）：盒子与其他盒子之间的距离你可以把它想象成一个快递盒：商品内容 = width/height （盒子内部的内阅读全文

posted @ 2026-04-20 17:58 今今日晴阅读(7) 评论(0) 推荐(2)

DIV布局页面

摘要：盒子模型（DIV布局基础）所有DIV元素都遵循CSS盒子模型，由内到外依次为：内容区（content）：元素实际内容，宽高由 width/height 定义内边距（padding）：内容与边框之间的距离，会撑大盒子边框（border）：盒子的边框，可设置样式、宽度、颜色外边距（margin 阅读全文

posted @ 2026-04-13 13:15 今今日晴阅读(17) 评论(0) 推荐(0)

web随笔04

摘要： 3月31日超级链接的使用空链接 <a href="#">空链接</a> 左右： <div style="display:flex;"> < img src="图片1.jpg" style="width:200px;"> < img src="图片2.jpg" style="width:200px 阅读全文

posted @ 2026-04-06 21:06 今今日晴阅读(7) 评论(0) 推荐(4)

2026年3月

web随笔03

摘要：标题标签一般在新闻标题、文章标题、网页区域名称、产品名称等等文本格式化标签作用：为文本添加特殊格式，以突出重点，常见的文本格式：加粗、倾斜、下划线、删除线等 strong 加粗 em 倾斜 ins 下划线 del 删除线 strong、em、ins、del、标签自带强调含义（语义）两个文本阅读全文

posted @ 2026-03-28 16:04 今今日晴阅读(8) 评论(0) 推荐(4)

web 02

摘要：一.一个基本的HTML页面的代码结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> 定义文档类型告诉浏览器使用的HTML版本确保文档正确呈现阅读全文

posted @ 2026-03-20 13:37 今今日晴阅读(19) 评论(0) 推荐(4)

公告