liu123wz - 博客园

2026年5月12日

摘要：课堂笔记多行文本溢出显示省略号（基于 -webkit-line-clamp）属性/规则值/说明作用 display: -webkit-box 旧版弹性盒模型为多行文本截断提供布局基础（兼容 WebKit 内核浏览器） -webkit-box-orient: vertical 垂直排列内部阅读全文

posted @ 2026-05-12 21:39 liu123wz 阅读(4) 评论(0) 推荐(0)

课堂笔记：CSS 文本样式、自定义字体

摘要：课堂笔记：CSS 文本样式、自定义字体与溢出处理综合示例一、全局布局与容器样式（div） css div { font-size: 16px; /* 默认字号16像素 */ font-family: "微软雅黑"; /* 默认字体：微软雅黑 */ text-indent: 2em; /* 首行缩进阅读全文

posted @ 2026-05-12 21:24 liu123wz 阅读(4) 评论(0) 推荐(0)

2026年4月28日

课堂笔记

摘要：课堂笔记一、外部样式表 <link rel="stylesheet" href="css/style.css" /> 链接一个外部 CSS 文件 css/style.css。二、内部样式表（<style> 标签内） tr:nth-child(odd) { background-color: aq 阅读全文

posted @ 2026-04-28 21:50 liu123wz 阅读(3) 评论(0) 推荐(0)

2026年4月19日

课堂笔记：浮动实现四张图片并排布局

摘要：课堂笔记：浮动实现四张图片并排布局一、全局样式重置 css * { margin: 0; padding: 0; } 作用：清除所有元素默认的外边距和内边距，使布局从零开始，避免浏览器默认样式干扰。二、整体结构页面只有一个大的容器 .flower，内部包含四个子容器：.A、.B、.C、.D。阅读全文

posted @ 2026-04-19 20:23 liu123wz 阅读(10) 评论(0) 推荐(0)

课堂笔记：浮动布局实现三行多列固定宽度页面

摘要：课堂笔记：浮动布局实现三行多列固定宽度页面一、全局样式重置 css * { margin: 0; padding: 0; } 作用：清除所有元素默认的外边距和内边距，保证布局精确，避免浏览器默认样式影响。二、整体页面结构页面分为三个主要容器（都是水平居中，宽度固定 1000px）：顶部区域阅读全文

posted @ 2026-04-19 20:22 liu123wz 阅读(4) 评论(0) 推荐(0)

2026年4月13日

盒模型

摘要：课堂笔记一、唯二的无语义标签标签特点典型用途 <div> 块级元素，独占一行布局容器、分区划分 <span> 行内元素，不换行文本局部修饰、微小区域控制核心作用：它们本身没有任何视觉或结构上的特殊含义，纯粹作为 CSS 样式的挂钩使用。二、盒模型的四层结构（从外到内） Margin 阅读全文

posted @ 2026-04-13 19:50 liu123wz 阅读(4) 评论(0) 推荐(0)

2026年4月6日

超链接（a 标签）课堂笔记

摘要：超链接（<a> 标签）课堂笔记 1. 基本语法 <a href="目标地址">链接内容</a> 链接内容：可以是文字、图片、按钮等 HTML 元素。示例： html <a href="huawei.html">跳转到下一页</a> 2. href 属性的常见取值类型说明示例外部跳转指向互阅读全文

posted @ 2026-04-06 21:36 liu123wz 阅读(16) 评论(0) 推荐(0)

2026年3月30日

1

摘要： 1.CSS选择器与类选择器什么是CSS选择器？ CSS选择器用于选中HTML中的元素，并为这些元素应用样式。浏览器会根据选择器找到对应的元素，然后应用大括号 {} 内的样式规则。类选择器（Class Selector）类选择器是最常用、最灵活的选择器之一。语法：以英文句点 . 开头，后面紧跟阅读全文

posted @ 2026-03-30 13:11 liu123wz 阅读(9) 评论(0) 推荐(0)

2026年3月23日

基础网页项目练习

摘要：基础网页项目练习一、项目创建与文件结构新建项目项目名称：mySite 存放路径：D:\mySite 新建样式文件文件名：style.css 作用：通过外部链接方式引入到主页中，实现样式与结构分离。二、主页（index.html）内容页面结构包含：标题一（<h1>）标题二（<h2>）阅读全文

posted @ 2026-03-23 10:24 liu123wz 阅读(15) 评论(0) 推荐(1)

基本的HTML5的文档格式

摘要：基本的HTML5的文档格式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> 基本文档中的 5 对标记关系 <html> 与 </html> <hea 阅读全文

posted @ 2026-03-23 10:24 liu123wz 阅读(12) 评论(0) 推荐(0)

jayl12

公告