HTML+css
文章平均质量分 58
HTML+CSS笔记
米白蓝
这个作者很懒,什么都没留下…
展开
-
flex使用十二
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet原创 2022-03-17 12:59:48 · 84 阅读 · 0 评论 -
less使用十一
.box1 { color: #bfc;}.box1 .box2 { color: pink; margin-top: 30px;}.box1 .box2 .box3 { width: 100px; height: 100px; background-color: #bfc;}.box1:hover { color: red;}.p1,.p2 { width: 100px; height: 100ox;}.p2 { background-colo原创 2022-03-16 14:51:37 · 40 阅读 · 0 评论 -
css变形十
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>变形</titl原创 2022-03-16 13:11:19 · 43 阅读 · 0 评论 -
css动画九
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动画</titl原创 2022-03-16 11:17:59 · 31 阅读 · 0 评论 -
css动画过渡八
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>过渡</titl原创 2022-03-15 18:50:18 · 35 阅读 · 0 评论 -
HTML标签、属性五
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>背景</titl原创 2022-03-13 19:35:20 · 41 阅读 · 0 评论 -
css字体七
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>字体</titl原创 2022-03-10 12:56:25 · 36 阅读 · 0 评论 -
css定位六
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>属性2</tit原创 2022-03-09 12:00:09 · 68 阅读 · 0 评论 -
css属性五
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>属性</titl原创 2022-03-08 12:43:38 · 56 阅读 · 0 评论 -
css盒子模型四
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet原创 2022-03-06 13:01:21 · 119 阅读 · 0 评论 -
css单位、颜色单位三
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>单位</titl原创 2022-03-05 12:36:12 · 103 阅读 · 0 评论 -
css选择器二
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>选择器</tit原创 2022-03-05 11:55:30 · 96 阅读 · 0 评论 -
CSS样式一
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>样式</titl原创 2022-03-03 13:10:09 · 46 阅读 · 0 评论 -
HTML标签、格式三
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>标签</titl原创 2022-03-02 10:51:04 · 140 阅读 · 0 评论 -
HTML标签、语法二
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2022-03-01 11:26:05 · 91 阅读 · 0 评论 -
HTML架构标签一
<!doctype html><html lang="zh"> <head> <meta charset="utf-8"> <meta name="keywords" content="css3,html,前端"> <meta name="description" content="这是一个网页"> <!-- <meta http-equiv="refresh" content="3;u原创 2022-02-16 10:20:16 · 364 阅读 · 0 评论 -
css-图片廊
图片廊代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" co原创 2021-04-17 16:26:28 · 152 阅读 · 0 评论 -
行内元素和块级元素
一、块级元素 常见的有:div, p, h1,h2, h3, h4, h5, h6, br, ol, ul二、行内块元素(内联元素) 常见的有:a, span, strong, b, em, i, img, input, select, label, script三、两者之间的区别 (1)块级元素独占一行,而行内块元素不占据一行。 (2)块级元素可以设置高宽,而行内块元素不可以设置高宽。 (3)块级元素不会主动换行,而行内块元素可以自动换行。四、块级元素与行内块元素之间的转换原创 2021-06-15 21:14:48 · 230 阅读 · 0 评论