zt702839194-CSDN博客

原创 2021-3-24

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>音频和视频插入</title> </head> <body>    <audio

2021-03-29 10:27:41 384

原创 2021-3-1

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body>  <form> <!--表单控件：输入控件、下拉列表、文本域--&g

2021-03-29 10:25:43 1376

原创 2021-3-29

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>背景</title> <Style> .box{ width: 1500px; height: 1900px; border: solid 1px black; margin: auto; color: white; font-size

2021-03-29 10:24:39 76

权重： ID的权重是100 类的权重10 标签的权重是1 样式最后使用权重大的行内元素: 1.一行显示多个; 2.设置width,height,对齐属性直接设置无效; 3.默认的宽高是内容的宽高； 4.行内元素只能容纳文本或其他行内元素. 常见的行内元素右<a>,<strong>,<em>,<span>...... 块元素: 1.比较霸道,自己独占一行; 2.可以控制width,height,对齐属性; 3.宽度默认是容器(父级元素宽度)的100%; 4.块

2021-03-23 11:16:46 72

原创 2021-3-22

布局：标准流+浮动（一行显示）+定位定位：给盒子固定位置 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> .box1{ /*大相小绝/子绝父相:父盒子相对定位,子盒子绝对定位*/ position:relative; width: 1000px; height:

2021-03-22 11:27:54 48

原创 2021-03-18

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>小米商城</title> <style> a{ /*取消下划线：text-decoration: none;*/ text-decoration: none; } p2{ color: red; } p3{ color: blu

2021-03-18 16:44:30 41

原创 2021-03-17

第二种清除浮动的方法： .clearfix:after{ content:""; /内容:content/ display: block; /转换成块元素/ height: 0px; clear: both; /清除左右两端的浮动/ visibility:hidden; /显示状态:隐藏/ } /兼容IE6,7/ .clearfix{ *zoom:1; } 第三种清除浮动的方法: .clearfix:after,.clearfix:before{ content:""; display:table;

2021-03-17 10:20:03 35

原创 2021-3-10

盒子：边框border、内容、padding内边距版心（大盒子）盒子的作用：给网页布局 windth：宽 height：高 border:边款 solid实线虚线dashed 点线dotted padding:内边距 left：左 right：右 top：上 bottom：下 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>盒子模型</tit

2021-03-10 11:27:23 42

原创 2021-3-4

style:样式 color:颜色三种引入样式的方式： 1.内联样式：把样式直接写在开始标签里 2.内部样式：用<style></stlye>标签书写样式 3.外部样式、<Link href="css文件位置" rel="stylesheet"/>引入写好的css文件。内联样式、内部样式和外部样式三个一起用的时候，内联样式权重最高（最终一定会用内联样式）；内部样式和外部样式谁在后就听谁的。 <!DOCTYPE html> <html> &lt

2021-03-04 16:38:01 64 1

原创 2021-03-03

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图书信息管理系统</title> <style> div{ width: 500px; margin: auto; } h3{ width: 300px; margin: auto; } </style>

2021-03-03 10:57:01 44

原创 2021-2-24

扩展： 1.双标签：由两个组成，<开始标签> </结束标签> 2.单标签：只有一对<>，<开始 /> 3.注释标签：，添加注释后浏览器不会翻译到网页上   <h1>一级标题</h1> <h2>二级标题</h2> &lt

2021-02-25 16:01:19 42

原创 2021-2-25

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h3>xxx音乐排行榜</h3> <p>最佳播放量排名</p>  <o

2021-02-25 16:00:57 59

原创笔记

有道翻译 web：网络 html+css 网页前端：web的三大标准，结构、样式、行为。 html:结构。网页结构 css：样式。美化网页 &nbsp

2021-02-20 17:08:38 51

zt702839194的博客