摘要: 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 阅读(6) 评论(0) 推荐(0)
摘要: 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 阅读(9) 评论(0) 推荐(0)
摘要: 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 阅读(5) 评论(0) 推荐(0)
摘要: 1.悬浮鼠标状态效果添加 点击查看代码 <style type="text/css"> a{ /*内联、行元素,默认*/ display:inline; /*可以转成块元素*/ /*display:block;*/ /*更改超级链接默认的样式*/ /*更改文本颜色*/ color:#666666; 阅读全文
posted @ 2026-04-06 20:13 createcoding 阅读(4) 评论(0) 推荐(0)
摘要: 一、文字排版: 1.文字变色 < 1在<>中添加属性:style="color:颜色" < 2行内样式: 点击查看代码 <style type='text/css'> 标记{ color:red; } </style> 标记:定义一次引用无数次,如果标记前加“.”,例:<a class="a" < 阅读全文
posted @ 2026-03-29 13:57 createcoding 阅读(3) 评论(0) 推荐(0)
摘要: 文字排版: 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)
摘要: 3月19日 一、脉络梳理 1.新建项目,项目名称mySite,路径D盘根目录下。 2.新建样式文件,名称为style.css,并通过外部引入到主页中。 ​ 3.主页中,插入标题一、标题二和一个段落,内容自拟 ​ 4.设置页面背景色为淡蓝色,标题一和标题二文本颜色为橙色,段落文本颜色为红色 ​ 5.新 阅读全文
posted @ 2026-03-20 18:01 createcoding 阅读(2) 评论(0) 推荐(0)
摘要: 四大标签讲解:<title,<meta,<link,<style. 1.<title标签作用:给网页设定标题内容。 一个html只能有一对<title。 2.<meta标签作用:定义页面元信息,例如设置作者、日期和时间、网页描述、关键词、页面刷新等。 字符集编码格式: <meta charset=" 阅读全文
posted @ 2026-03-16 19:02 createcoding 阅读(3) 评论(0) 推荐(0)
摘要: 1.html的标准代码框架结构: 点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> 标签分为:单标签和双标签。 <title:用来定义网 阅读全文
posted @ 2026-03-13 17:03 createcoding 阅读(3) 评论(0) 推荐(0)
摘要: 1.html主文件作用:构建框架结构 点击查看代码 <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title></title> </head> <body> </body> </html> 2.CSS(层叠样式表)(Cascading S 阅读全文
posted @ 2026-03-10 16:16 createcoding 阅读(7) 评论(0) 推荐(0)