createcoding - 博客园

2026年5月8日

摘要：一、布局的原则先分大块，再分小块；先横再竖二、几个1→n的问题 1.文本折叠（1）单行折叠点击查看代码 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; （2）多行折叠点击查看代码 display: -webki 阅读全文

posted @ 2026-05-08 10:25 createcoding 阅读(4) 评论(0) 推荐(0)

2026年5月7日

4.30日笔记（下）

摘要： 1.文本折行：单行折行代码演示：点击查看代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>单行折行</title> <style> .text { width: 300px; border: 1 阅读全文

posted @ 2026-05-07 08:43 createcoding 阅读(4) 评论(0) 推荐(0)

2026年4月30日

4月30日笔记

摘要： 1.单行文本垂直居中（行高方法）代码：点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>垂直居中</title> <style type="text/css"> body{ font-size:48px; col 阅读全文

posted @ 2026-04-30 09:36 createcoding 阅读(26) 评论(0) 推荐(0)

2026年4月18日

4月9号笔记

摘要： 1.锚记效果显示：代码演示: 点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>锚记样例</title> </head> <body> <p id="part11">首页</p> <a href="#part1" 阅读全文

posted @ 2026-04-18 18:50 createcoding 阅读(10) 评论(0) 推荐(0)

4月15号笔记

摘要： 1.生成效果图1：代码演示：点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin:0;padding:0} .parent{ mar 阅读全文

posted @ 2026-04-18 18:19 createcoding 阅读(33) 评论(0) 推荐(0)

2026年4月6日

4月2日笔记

摘要： 1.效果图代码：点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>设置颜色</title> </head> <body> <style> a{ display:inline; display:block; } . 阅读全文

posted @ 2026-04-06 20:24 createcoding 阅读(6) 评论(0) 推荐(0)

3月30日笔记

摘要： 1.悬浮鼠标状态效果添加点击查看代码 <style type="text/css"> a{ /*内联、行元素，默认*/ display:inline; /*可以转成块元素*/ /*display:block;*/ /*更改超级链接默认的样式*/ /*更改文本颜色*/ color:#666666; 阅读全文

posted @ 2026-04-06 20:13 createcoding 阅读(5) 评论(0) 推荐(0)

2026年3月29日

3月26日笔记

摘要：一、文字排版： 1.文字变色 < 1在<>中添加属性：style="color:颜色" < 2行内样式: 点击查看代码 <style type='text/css'> 标记{ color:red; } </style> 标记：定义一次引用无数次，如果标记前加“.”,例：<a class="a" < 阅读全文

posted @ 2026-03-29 13:57 createcoding 阅读(5) 评论(0) 推荐(0)

3月23日笔记

摘要：文字排版: hn系列 p系列列表系列 1.阿里图库下载图标 2.将图标保存到项目的Img文件夹里 3.使用样式list-style-image:url(XX.png)引用点击查看代码 css文件夹代码：点击查看代码 ul,li{ list-style-image:url(../img/足球.p 阅读全文

posted @ 2026-03-29 13:50 createcoding 阅读(4) 评论(0) 推荐(0)

2026年3月20日

3月19日笔记

摘要： 3月19日一、脉络梳理 1.新建项目，项目名称mySite，路径D盘根目录下。 2.新建样式文件，名称为style.css，并通过外部引入到主页中。 3.主页中，插入标题一、标题二和一个段落，内容自拟 4.设置页面背景色为淡蓝色，标题一和标题二文本颜色为橙色，段落文本颜色为红色 5.新阅读全文

posted @ 2026-03-20 18:01 createcoding 阅读(2) 评论(0) 推荐(0)

公告