![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
翊小宸
决定你人生的不仅仅是能力,还有你的格局。
展开
-
前端——颜色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> html{原创 2021-07-09 17:17:32 · 205 阅读 · 0 评论 -
前端——单位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box1{原创 2021-07-09 17:16:09 · 50 阅读 · 0 评论 -
前端——选择器的权重
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* #box1{原创 2021-07-09 17:16:49 · 280 阅读 · 0 评论 -
前端——样式的继承
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 样式的继承,我们为一个元素设置的样式同时也会原创 2021-07-06 20:10:22 · 187 阅读 · 0 评论 -
前端——伪元素选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p{ fo原创 2021-07-06 20:07:38 · 63 阅读 · 0 评论 -
前端——元素的伪类
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*原创 2021-07-06 20:04:57 · 68 阅读 · 0 评论 -
前端——伪类选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*原创 2021-07-06 20:02:26 · 387 阅读 · 0 评论 -
前端——属性选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*原创 2021-07-06 20:00:14 · 96 阅读 · 0 评论 -
前端——关系选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*原创 2021-07-06 19:57:31 · 69 阅读 · 0 评论 -
前端——复合选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* 将class为red的元素原创 2021-07-06 17:47:17 · 97 阅读 · 0 评论 -
前端——常用选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*原创 2021-07-06 17:45:21 · 208 阅读 · 0 评论 -
前端——CSS语法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* CS原创 2021-07-06 17:42:41 · 74 阅读 · 0 评论 -
前端——CSS简介
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 第二种方式 -将样式原创 2021-07-06 17:37:03 · 175 阅读 · 0 评论 -
前端——音视频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--原创 2021-07-01 16:15:21 · 186 阅读 · 0 评论 -
前端——内联框架
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--原创 2021-07-01 16:14:24 · 145 阅读 · 0 评论 -
前端——图片标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--原创 2021-07-01 16:13:03 · 46847 阅读 · 0 评论 -
前端——超链接(二)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc原创 2021-06-29 20:54:56 · 222 阅读 · 0 评论 -
前端——超链接(一)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超链接</title></head><body> <!-- 超链接可以让我们从一个页面跳转到另一个页面, 或者是跳转到当前页面的其他位置 使用a标签来定义超链接原创 2021-06-29 20:52:21 · 219 阅读 · 0 评论 -
前端——列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 列表(list) 块元素 1.铅笔 2.尺子 3.橡皮原创 2021-06-29 20:48:11 · 543 阅读 · 0 评论 -
前端——语义化标签(三)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 布局标签(结构化语义标签) --> <!-- header表示网页的头部 main表示网原创 2021-06-29 20:46:06 · 68 阅读 · 0 评论 -
前端——语义化标签(二)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 块元素(block element) - 在网页中一般通过块元素进行布局(宏观布局) 行内元素(inline element) -原创 2021-06-29 20:43:57 · 73 阅读 · 0 评论 -
前端——语义化标签(一)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!-- 在网页中H原创 2021-06-29 19:49:57 · 111 阅读 · 0 评论 -
前端——meta标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!--原创 2021-06-29 19:48:10 · 370 阅读 · 0 评论 -
前端——实体
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实体</title></head><body> <!-- 在网页中编写的多个空格情况会自动被浏览器解析为一个空格 在html中,有些时候我们不能直接书写一些特殊的符号 如果我们需要在网页中书写原创 2021-06-29 19:27:30 · 171 阅读 · 0 评论 -
前端——初识(二)
<!DOCTYPE html><html><head> <meta charset=UTF-8"> <title>Hello</title></head><body> <h1>答复</h1> <h2>海子</h2> <h3>麦地</h3> <h3>别人看见你</h3&g原创 2021-06-29 19:22:01 · 52 阅读 · 0 评论 -
前端-—初识(一)
<!DOCTYPE html> <!-- 测试编辑器 Ctrl + / 会形成一个完整的html文件 --><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati原创 2021-06-29 19:20:13 · 53 阅读 · 0 评论