CSS3
yu&2022
菜鸟程序员
展开
-
21.z-index
21.z-indexhtml:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>z-index</title> <link rel="stylesheet" href="css/index.css"></head><body><div id="content">原创 2021-02-24 10:27:19 · 63 阅读 · 0 评论 -
20.定位
20.定位①默认情况html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>默认情况</title> <link rel="stylesheet" href="css/style.css"></head><body><div id="father"> &原创 2021-02-24 10:26:40 · 49 阅读 · 0 评论 -
19.float
19.floathtml:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>float</title> <link rel="stylesheet" href="css/style.css"></head><body><div id="father"> <原创 2021-02-24 10:24:30 · 113 阅读 · 0 评论 -
18.display
18.displayhtml:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>display</title> <link rel="stylesheet" href="css/style.css"></head><body><div>块元素</div>原创 2021-02-24 10:23:23 · 69 阅读 · 0 评论 -
17.阴影
17.阴影html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>阴影</title> <link rel="stylesheet" href="css/style.css"></head><body><div></div></body>原创 2021-02-24 10:22:27 · 82 阅读 · 0 评论 -
16.圆角边框
16.圆角边框html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圆角边框</title> <link rel="stylesheet" href="css/style.css"></head><body><div></div></body原创 2021-02-23 09:52:43 · 99 阅读 · 0 评论 -
15.内外边距及div居中
15.内外边距及div居中html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子模型</title> <link rel="stylesheet" href="css/style.css"></head><body><div id="box"><h2原创 2021-02-23 09:51:55 · 118 阅读 · 0 评论 -
14.盒子模型及边距
14.盒子模型及边距html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子模型</title> <link rel="stylesheet" href="css/style.css"></head><body><div id="box"><h2>原创 2021-02-23 09:51:17 · 46 阅读 · 0 评论 -
13.渐变
13.渐变html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>渐变</title> <link rel="stylesheet" href="css/style.css"></head><body></body></html>css:bo原创 2021-02-23 09:50:23 · 122 阅读 · 0 评论 -
12.背景
12.背景html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景</title> <link rel="stylesheet" href="css/style.css"></head><body><div class="div1"></div>原创 2021-02-23 09:49:41 · 55 阅读 · 0 评论 -
11.列表
11.列表html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/style.css"> <title>列表样式</title></head><body><div id="nav"> <h2 cla原创 2021-02-23 09:49:00 · 95 阅读 · 0 评论 -
10.超链接伪类
10.超链接伪类html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/style.css"></head><body><a href="#"> <img原创 2021-02-23 09:48:25 · 85 阅读 · 0 评论 -
9.文本样式
9.文本样式html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文本样式</title> <link rel="stylesheet" href="css/style.css"></head><body><h1>斗破苍穹故事简介</h1><原创 2021-02-23 09:47:43 · 63 阅读 · 0 评论 -
8.字体样式
8.字体样式html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>字体样式</title> <link rel="stylesheet" href="css/style01.css"></head><body><h3>斗破苍穹故事简介</h3>&l原创 2021-02-23 09:46:59 · 170 阅读 · 0 评论 -
7.span
7.spanhtml:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/style.css"></head><body>欢迎学习<span id="Hi">CSS</s原创 2021-02-23 09:46:14 · 75 阅读 · 0 评论 -
6.属性选择器
6.属性选择器html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/style.css"></head><body><p class="demo"> <a原创 2021-02-22 19:49:04 · 51 阅读 · 0 评论 -
5.结构伪类选择器
5.结构伪类选择器html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/style01.css"></head><body><!--<h3>h3</h3&g原创 2021-02-22 19:48:38 · 96 阅读 · 0 评论 -
4.层次选择器
4.层次选择器①后代选择器html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- <link rel="stylesheet" href="css/style01.css">--><!-- <link rel="stylesheet"原创 2021-02-22 19:47:59 · 105 阅读 · 0 评论 -
3.基本选择器
3.基本选择器①标签选择器html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/style01.css"></head><body><h1>标题1</h1>原创 2021-02-22 19:45:34 · 65 阅读 · 0 评论 -
2.导入方式
导入方式html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!--内部样式--> <style> h1{ color: red; } </style><!--外部样式-->原创 2021-02-22 19:43:57 · 45 阅读 · 0 评论 -
1.我的第一个CSS程序
我的第一个CSS程序源代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!--规范,<style>可以编写css的代码,每一个声明,最好使用分号结尾 语法: 选择器{ 声明1; 声明2;原创 2021-02-22 19:42:41 · 105 阅读 · 0 评论