- 博客(16)
- 收藏
- 关注
RSS订阅原创 2021-04-25
Flex:容器main axis：水平的主轴cross axis：垂直的交叉轴main start：主轴的开始位置 cross start：交叉轴的开始位置main end：主轴的结束位置 cross end：交叉轴的结束位置项目默认沿主轴排列单个项目占据的主轴空间叫main size单个项目占据的交叉轴空间叫cross sizeflex-direction：row/row-reverse/column/column-reverse;改变主轴；row：默.
2021-04-25 10:30:42
65
原创 2021-03-29
rgb（255,0,0）红绿蓝色数字取值:0255;透明色01;#000000:前两个0为红色 中间两个0为绿色 后面两个0为蓝色;#000:最前为红色 中间为色 最后为蓝色#f00=#ff0000background-image: 背景图片 url（图片地址）background-repeat: 重复显示, no-repeat/repeat/repeat-x/repeat-y;fixed背景固定 scorll背景滚动（默认值）background-position: 方位词(top/bot
2021-03-29 10:41:43
92
原创 2021-03-24
音频：audio插入音频标签：元素支持三种音频格式文件：MP3、wav和Ogg元素支持三种音频格式文件：MP4、WebM和Oggsources：源loop=“loop”：循环播放 infinite：无限次autoplay=：“autoplay”：自动播放<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>插入音频和视频</title> &
2021-03-24 11:23:29
68
原创 2021-03-23
权重：ID的权重是100类的权重是10标签的权重是1样式最后使用权重大的元素显示模式：块元素、行内元素、行内块元素转换成行内元素：display：inline；inline：行内元素转换成块元素：display：block；block：块转换成行内块元素display：inline-block；inline-block：行内块块元素的特点:1.比较霸道,自己独占一行;2.可以控制width、height、对其属性;3.宽度默认是容器(父级元素宽度)的100%;4.块元素内可以
2021-03-23 11:24:17
57
原创 2021-03-22
布局：标准流+浮动（一行显示）+定位定位：给盒子固定位置<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>定位</title> <style> .bigbox{ /* 大相小绝/子绝父相:父盒子相对定位,子盒子绝对定位 */ position: relative; width: 1800px;
2021-03-22 11:27:19
42
原创 2021-03-17
float: 浮动float: left(左) right(右) none(没有浮动);float: right;右浮动<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> .box{ background-color: pink; } /* 第一种:overflow:hidd
2021-03-17 10:20:22
45
原创 2021-03-11
盒子：内容区（content）、边框（border）、内边距（padding）、外边距（margin）：四个值: 上 右 下 左 顺时针 三个值: 上 左右 下 两个值: 上下 左右left：左 right：右 top：上 bottom：下 auto：自动外边距合并：相邻两个盒子之间同时设置margin，最终取的值是最大的那一个外边距塌陷：嵌套的两个盒子之间同时设置margin，最终取的值也是最大的一个避免嵌套盒子外边距塌陷：给父盒子（外盒子）添加边框、或添加padding、或添加overf
2021-03-11 16:34:53
54
原创 2021-03-10
盒子的作用：给网页布局width：宽 height：高border：边框solid：实线 虚线：dashed 点线：dottedpadding：内边距left：左right：右top：上bottom：下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>盒子模型</title> <style> .box{
2021-03-10 11:29:01
80
原创 2021-03-09
标签选择器类选择器：样式点（.）定义结构类（class）调用一个或多个开发最常用ID选择器：样式#号定义结构id调用只能调一次别人勿使用<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> /* 标签选择器 */ p{ color:red; font-size
2021-03-09 11:37:01
47
1原创 2021-03-03
table:表格thead:表头tbody：表格数据部分border：边框cellspacing：数据单元格之间的距离cellpadding：文字的填充大小table row：表格的行table head缩写:表头table data缩写:数据单元格<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>图书信息管理系统</title> &
2021-03-03 10:39:06
48
原创 2021-03-02
input:输入type：类型text：文本password：密码radio：收音机、广播。单选checkbox：复选框submit：提交reset：重置butto：按钮value：价值、值select：选择option：选项<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>基础标签</title> </head>
2021-03-02 11:09:03
82
原创 2021-02-25
<html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h3>xxx音乐排行榜</h3> <p>最佳播放量排名</p> <!--有序列表：<ol>、列标签：<li>--> <ol> <li>青
2021-02-25 16:05:24
61
原创 2021-02-24
笔记 1.双标签：由两个组成，<开始标签> </结束标签> 2.单标签：只有一对<>,<开始/> 3.注释标签：<-- -->添加注释后浏览器不会翻译到网页上 4.段落标签：<p></p> <h1>一级标题</h1> <h2>二级标题</h2>
2021-02-24 11:23:16
53
原创 2021-02-23
上课笔记http: hypertext transfer praotocol 超文本传输协议https：加密传输www：world wide wide web 万维网.com域名（商业性） .cn（中国） .edu（教育）<!DOCTYPE HTML> //docutment type 文档类型：网页文档（html）<HTML> //网页开始，根元素<HEAD> //网页头部开始<mate charset="utf-8"> //元数据定义：
2021-02-23 11:08:18
56
原创 笔记
hello world编程思维（代码思维）网页前端：静态网页html+css动态网页javascript（js）网页后端java php 数据库有道翻译web:网络html+css网页前端：web的三大标准，结构、样式、行为。html：结构。网页结构css：样式。美化网页javascript（JS）：行为。用户产生交互动作消化：xmind（思维导图）、csdn博客...
2021-02-20 17:10:03
49
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人