Loading

摘要: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2022-04-21 12:19 云起时。 阅读(121) 评论(0) 推荐(0) 编辑
摘要: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2022-04-21 12:18 云起时。 阅读(29) 评论(0) 推荐(0) 编辑
摘要: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2022-04-21 12:13 云起时。 阅读(72) 评论(0) 推荐(0) 编辑
摘要: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2022-04-21 12:10 云起时。 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 元素包括块级元素和行级元素,块级元素独占一行(可设置宽高),行级元素(不能设置宽高)、行块元素(能设置宽高)并排显示。 正常文档流从上往下,从左往右。 元素从文档流中脱离后,不再占用文档流的位置,所以该元素下边的还在文档流中的其他元素会自动向上移动。 因为元素从文档流中脱离后与文档流无关,所以它们可 阅读全文
posted @ 2022-04-21 11:50 云起时。 阅读(421) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定位布局</title> <style> /*正常的html文档流是从上往下、从左往右排列。*/ /*页面排版时想要元素之间相互影响,使用标准的浮动、文档流即可 阅读全文
posted @ 2022-04-21 11:48 云起时。 阅读(35) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <!--<link rel="stylesheet" href="float.css" type="text/css">--> <meta charset="UTF-8"> <title>浮动布局</title> <st 阅读全文
posted @ 2022-04-21 11:47 云起时。 阅读(27) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数据元素样式</title> <style> /*1.细线无边框表格样式*/ /*table {*/ /* width: 600px;*/ /* height: 阅读全文
posted @ 2022-04-21 11:47 云起时。 阅读(29) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>背景处理</title> </head> <style> /*背景颜色不能设置尺寸*/ /*1.背景颜色与裁切*/ /*div {*/ /* height: 5 阅读全文
posted @ 2022-04-21 11:46 云起时。 阅读(16) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子模型</title> <style> /*通常用div标签作为盒子模型,盒子模型一般作用于块元素*/ /*块元素定义的长和宽对应的是盒子模型中的conten 阅读全文
posted @ 2022-04-21 11:45 云起时。 阅读(41) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文本修饰</title> </head> <style> /*阴影*/ /*article {*/ /* font-size: 20px;*/ /*}*/ /* 阅读全文
posted @ 2022-04-21 11:45 云起时。 阅读(24) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css权重</title> </head> <style> /*权重*/ /*多个样式作用在一个元素上,样式冲突时就会产生样式优先级权重问题*/ /*id选择器 阅读全文
posted @ 2022-04-21 11:44 云起时。 阅读(20) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CssBase</title> <link rel="stylesheet" href="lesson.css" type="text/css"> <style 阅读全文
posted @ 2022-04-21 11:42 云起时。 阅读(32) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>form</title> </head> <body> <form action="" method="post" enctype="multipart/for 阅读全文
posted @ 2022-04-21 11:21 云起时。 阅读(45) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>table</title> </head> <body> <hr> <table border="1"> <caption>表格</caption> <thea 阅读全文
posted @ 2022-04-21 11:20 云起时。 阅读(47) 评论(0) 推荐(0) 编辑