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 · 147 阅读 · 0 评论 -
布局元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*<!--1.块元素：独占一行，宽度默认是父元素的宽度，高度有内容决定--&g...原创 2020-01-04 14:00:06 · 258 阅读 · 0 评论 -
文本属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width: 300px; ...原创 2020-01-04 10:23:13 · 162 阅读 · 0 评论 -
选择器优先级--进阶
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*<!--行间优先级 权重值 1000-->*/ /*&...原创 2020-01-04 10:22:34 · 135 阅读 · 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 · 398 阅读 · 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 · 167 阅读 · 0 评论 -
边框属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box01{ width: 100px; ...原创 2020-01-04 10:20:58 · 295 阅读 · 0 评论 -
字体属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box>p{ /*字体颜色*/ ...原创 2020-01-04 10:18:50 · 163 阅读 · 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 · 112 阅读 · 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 · 372 阅读 · 0 评论 -
三种基本选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*1.标签选择器: 会选择所有的div标签*/ div{ ...原创 2020-01-03 15:18:44 · 367 阅读 · 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 · 373 阅读 · 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 · 551 阅读 · 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 · 184 阅读 · 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 · 145 阅读 · 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 · 699 阅读 · 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 · 160 阅读 · 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 · 211 阅读 · 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 · 137 阅读 · 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 · 162 阅读 · 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 · 173 阅读 · 1 评论 -
01-html文件结构介绍
<!--注释：--><!--1. 申明文件类型，告诉浏览器文件类型--><!doctype html><!--2. 最大的标签，所有内容都写在这里--><!--lang 语言; "en" 英语 --><html lang="en"> <!--3. head主要写这个页面的配置信息-->...原创 2020-01-03 15:06:59 · 126 阅读 · 0 评论