tuyin - 博客园

2022年8月5日

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*body总有一个默认的外边距margin: 0,常见操作*/ /* h1,ul,li,a,body{ margi 阅读全文

posted @ 2022-08-05 19:17 tuyin 阅读(24) 评论(0) 推荐(0)

12_背景

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 800px; height: 600px; border: 1px solid red; b 阅读全文

posted @ 2022-08-05 19:15 tuyin 阅读(30) 评论(0) 推荐(0)

11_列表

摘要： index代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表样式</title> <link rel="stylesheet" href="css/style.css"type="text/css"> 阅读全文

posted @ 2022-08-05 19:09 tuyin 阅读(37) 评论(0) 推荐(0)

10_超链接伪类

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*默认的颜色*/ a{ text-decoration: none; color: black; } /*鼠标悬浮阅读全文

posted @ 2022-08-05 18:59 tuyin 阅读(34) 评论(0) 推荐(0)

9_文本样式

摘要： index代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 颜色：单词 RGB 0~F RGBA A: 字体透明度0~1 text-align: 排版，居中 text 阅读全文

posted @ 2022-08-05 18:44 tuyin 阅读(43) 评论(0) 推荐(0)

8_字体样式

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <style> 阅读全文

posted @ 2022-08-05 18:39 tuyin 阅读(54) 评论(0) 推荐(0)

7_span标签

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #title{ font-size: 40px; } </style> </head> <body> 欢迎学习<sp 阅读全文

posted @ 2022-08-05 18:38 tuyin 阅读(16) 评论(0) 推荐(0)

6_属性选择器

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .demo a{ float: left;/*往左边浮动*/ display: block; height: 50p 阅读全文

posted @ 2022-08-05 18:25 tuyin 阅读(87) 评论(0) 推荐(0)

5_结构伪类选择器

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*ul的第一个子元素*/ ul li:first-child{ background: blue; } /*ul的阅读全文

posted @ 2022-08-05 18:22 tuyin 阅读(29) 评论(0) 推荐(0)

4_层次选择器

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* p{ background: aqua; }*/ /*后代选择器(选择某个元素的后面)*/ /* body p 阅读全文

posted @ 2022-08-05 18:20 tuyin 阅读(22) 评论(0) 推荐(0)

加油少年！

公告