![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web基础
return_min
这个作者很懒,什么都没留下…
展开
-
web基础2
02-display属性–元素互相转换代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*<!--通常会去掉标签自带...原创 2020-01-04 14:12:33 · 86 阅读 · 0 评论 -
布局元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*<!--1.块元素:独占一行,宽度默认是父元素的宽度,高度有内容决定--&g...原创 2020-01-04 14:00:06 · 197 阅读 · 0 评论 -
文本属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width: 300px; ...原创 2020-01-04 10:23:13 · 120 阅读 · 0 评论 -
选择器优先级--进阶
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*<!--行间优先级 权重值 1000-->*/ /*&...原创 2020-01-04 10:22:34 · 93 阅读 · 0 评论 -
外边距
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box01, .box02{ width: 200px;...原创 2020-01-04 10:21:58 · 306 阅读 · 0 评论 -
内边距padding
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width: 100px; ...原创 2020-01-04 10:21:28 · 130 阅读 · 0 评论 -
边框属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box01{ width: 100px; ...原创 2020-01-04 10:20:58 · 215 阅读 · 0 评论 -
字体属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box>p{ /*字体颜色*/ ...原创 2020-01-04 10:18:50 · 114 阅读 · 0 评论 -
07-背景属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width: 300px; ...原创 2020-01-03 15:23:55 · 79 阅读 · 0 评论 -
3种基本选择器选择范围和优先级
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width: 400px; ...原创 2020-01-03 15:21:18 · 316 阅读 · 0 评论 -
三种基本选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*1.标签选择器: 会选择所有的div标签*/ div{ ...原创 2020-01-03 15:18:44 · 268 阅读 · 0 评论 -
3种引入方式的优先级
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--3.通过link标签,引入外部 1.css 文件的样式--> <link rel="styles...原创 2020-01-03 15:18:10 · 304 阅读 · 0 评论 -
css样式的三种引入方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--<!–2.嵌入式引入样式,样式写在html文档中,head中的style标签内&am...原创 2020-01-03 15:17:30 · 488 阅读 · 0 评论 -
08-form表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--1.form表单,一般用来,从前端页面输入数据,提交到后端-->...原创 2020-01-03 15:15:45 · 138 阅读 · 0 评论 -
07-table表格标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--1. table 申明一张表格--><!--border属...原创 2020-01-03 15:14:58 · 107 阅读 · 0 评论 -
06-a标签--跳转到本地页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><a href="05-a标签--超链接.html">跳到05页面<...原创 2020-01-03 15:14:24 · 642 阅读 · 0 评论 -
05-a标签--超链接
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--<!–href 属性 要跳转的链接/地...原创 2020-01-03 15:13:47 · 118 阅读 · 0 评论 -
04-无序列表--有序列表--自定义列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--1. ul申明一个无序列表--><!--square ...原创 2020-01-03 15:12:58 · 158 阅读 · 0 评论 -
03-图片标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--<!–1. 图片标签&ndas...原创 2020-01-03 15:12:25 · 89 阅读 · 0 评论 -
02-注册表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form action="" method="post" enctype="...原创 2020-01-03 15:11:05 · 113 阅读 · 0 评论 -
02-标签介绍01
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签介绍第一部分</title></head><body><!--1. 标题标签, h1-h6, 加粗 加大-->...原创 2020-01-03 15:08:31 · 115 阅读 · 1 评论 -
01-html文件结构介绍
<!--注释:--><!--1. 申明文件类型,告诉浏览器文件类型--><!doctype html><!--2. 最大的标签,所有内容都写在这里--><!--lang 语言; "en" 英语 --><html lang="en"> <!--3. head主要写这个页面的配置信息-->...原创 2020-01-03 15:06:59 · 86 阅读 · 0 评论