- 博客(18)
- 收藏
- 关注
原创 2021-04-19
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin:0; padding:0; } body{ width:100vw; height:100vh; perspective:1000px; }
2021-04-19 11:23:28 61
原创 2021-04-06
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>css高级样式</title> <style> .box{ width:200px; height:200px; background-color:yellow; /* transition:过渡 */ /* transition:过渡属性 过
2021-04-06 10:19:49 53
原创 2021-03-29
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>背景</title> <style> .box{ width:1500px; height:1400px; border: 1px solid black; margin:auto; color:#fff; font-size:35px
2021-03-29 10:27:50 106
原创 2021-03-24
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>音频和视频插入</title> </head> <body> <!-- 音频:audio --> <!-- 插入音频标签:<audio></audio> --> <!-- controls:音频控制台 -->
2021-03-24 11:19:13 66
原创 2021-03-23
权重:ID的权重是100类的权重是10标签的权重是1样式最后使用权重大的块元素的特点:比较霸道,自己独占一行;可以控制width、height、对齐属性;宽度默认是容器(父级元素宽度)的100%;块元素内可以包含行内元素或块元素。行内元素:1.一行显示多个;2.设置width,height无效;3.默认的宽高是内容的宽高;行内块元素:链接里不能再放回链接。特殊情况链接里可以放块级元素.但是给转换一下块级模式最安全。转换成行内元素:display:inlineinline
2021-03-23 11:20:04 49
原创 2021-03-22
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>定位 </title> <style> .box1{ /* 大相小绝/子绝父相 :父盒子相对定位,子盒子绝对定位*/ position:relative; width:1000px; height:1800px; border:solid 5p
2021-03-22 11:27:37 42
原创 2021-03-17
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>取消浮动</title> <style> .box{ background-color:pink; /* overflow:hidden; */ } .box div{ float:left; width:200px; height
2021-03-17 10:24:03 53
原创 2021-03-16
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>播放器</title> <style type="text/css"> .aaa{ width:1010px; height:52px; border:1px solid #C0C0C0; margin:auto; } .aaa div{
2021-03-16 16:05:08 51
原创 2021-03-11
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>第一个盒子</title> <style> .box{ width:500px; height:400px; /* border:solid 5px green; */ /* padding:50px; */ background-color:
2021-03-11 16:37:47 47
原创 2021-03-10
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>盒子模型</title> <style> .box{ width:1266px; height:52px; border:dashed 1px black; /* 当写一个值:上下左右都是同一个内边距 */ /* 写两个值:第一个值代表上下,第
2021-03-10 11:11:49 44
原创 2021-03-09
类选择器:样式点(class)调用一个或多个开发最常用ID选择器:样式(#)号定义结构(id)调用只能调一次别人勿使用<!DOCTYPE html><html> <head> <style> /* 标签选择器 */ h3{ color:pink; font-size:50px; } p{ color:red; font-size:24px; } /* 类选择器 */
2021-03-09 10:57:22 73
原创 如何使用CSDN-markdown编辑器
HTML:Text Makeup Language 超文本标记语言,网页结构。CSS:Cascading Style Sheet 层叠样式表、级联样式表style:样式color:颜色三种引入样式的方式:1.内联样式:把样式直接写在开始标签里2.内部样式:用标签书写样式3.外部样式:用<link href="css文件位置"rel=“stylesheet”/>引入写好的css文件.内联样式、内部样式和外部样式三个一起用的时候,内联样式权重最高(最终一定用内联样式);内部样式和外
2021-03-04 16:22:46 89 1
原创 如何使用CSDN-markdown编辑器
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>图书信息管理系统</title> </head> <body> <h3>图书信息表</h3> <!-- 表格标签:<table></table> --> <!-- 表头部分<thead>&
2021-03-03 15:09:54 100 1
原创 2021-03-02
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>基础标签</title> </head> <body> <!--表单标签:收集用户信息.包括<form></form>表单域、表单控件、提示信息--> <form action="test.php" method="post"&
2021-03-02 10:56:04 89
原创 2021-02-24
钟宇豪 ~~ ~~ 标签:title(开头,网页标题) ~<h1>一级标题</h1><h2>一级标题</h2><h3>一级标题</h3><h4>一级标题</h4><h5>一级标题</h5><h6>一级标题</h6>~<!-- 图片标签单标签 -->~~~~~~~~~~~百度一下</bod...
2021-02-24 11:14:02 53
原创 2021-02-23
http:hypertext transfer protocol超文本传输协议http:加密传输www:world wide web 万维网.com域名(商业性) .cn(中国) .edu(教育)html:hyper text makeup language超文本标记语言超文本:比文本更厉害、除了文字还有图片、视频、还有链接、音频。超越文本的限制~<!DOCTYPE HTML>~ //docutment type 文档类型:网页文档(html)<html> //网
2021-02-23 11:09:21 48
原创 2021-02-20
网页前端:静态网页html+css动态网页javascript(js)网页后端:java语言 php语言 数据库web:网络html+css网页前端:web的三大标准,结构、样式、行为。html:结构。网页结构css:样式。美化结构。javascript(JS):行为。用户产生交互动作...
2021-02-20 17:03:04 67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人