- 博客(24)
- 收藏
- 关注
RSS订阅原创 2021-08-26
javascriot组成与变量javascript组成：1.ECAscript 核心语法2.DOM 文档对象模型 Document object model3.BOM 浏览器对象模型 Browser object model————————————————————————————js变量 用来储存信息的容器如何定义变量：采用关键字var来定义变量格式： var name; var age;变量命名规则：1、变量必须字母开头2
2021-08-26 19:23:29
28
原创 2021-08-25
javascriptjavascript输出语言：1.alert() 浏览器弹窗2.console.log() 在浏览器控制台输出 log日志3.document.write() 在文档中输出 写外部js链接 <script src="js/ja.js"></script>css链接 <link rel="stylesheet" type="text/css" href="css/main.css">``
2021-08-25 11:08:00
35
原创 2021-04-22
flex布局main axis :水平的主轴cross axis ：垂直的交叉轴main start :主轴的开始位置main end :主轴的结束位置cross start :交叉轴的开始位置cross end :交叉轴的结束位置项目默认沿主轴排列.main size 单项目占据的主轴空间cross size 单个项目占据的交叉主轴空间flex-direction: row/row-reverse/column-reverse;改变主轴row:默认值，从左到右row-reverse
2021-04-22 15:57:34
40
原创 2021-04-22
3D盒子转换perspective:用来模拟人类的视觉位置，即人的眼睛到屏幕成像的距离。perspective:的单位是像素px;perspective:的值越大，表示视距越远，成像越小，反之；perspective:写在被观察元素的父盒子上；transform-style:控制子元素是否开启3D空间效果。flat|preserv e-3dflat:不开启3D立体空间，默认值。2D平面显示；preserve-3d:子元素开启3D立体空间；写在父盒子上！transform-style:pre
2021-04-22 14:22:08
37
原创 2021-04-19
3D透perspective:用来模拟人类的视觉位置，即人的眼睛到屏幕成像的距离。perspective:的单位是像素px;perspective:的值越大，表示视距越远，成像越小，反之；perspective:写在被观察元素的父盒子上；transform-style:控制子元素是否开启3D空间效果。flat|preserv e-3dflat:不开启3D立体空间，默认值。2D平面显示；preserve-3d:子元素开启3D立体空间；写在父盒子上！transform-style:preser
2021-04-19 10:52:43
41
原创 2021-04-12
动画、鼠标悬停traansition:过渡transform：转换rotate:位移scale:缩放skew:斜切infinite：无数次，延长<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>鼠标悬停样式</title> <style> body{ width:100vw;
2021-04-12 11:22:25
36
原创 2021-04-06
css高级样式<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .box1{ width:200px; height:200px; background-color:pink; transition:all 3s linear;
2021-04-06 10:17:53
52
原创 2021-03-29
背景<html> <head> <meta charset="utf-8" /> <title>背景</title> <style> .box{ width: 1500px; height: 1600px; border: 1px solid black; margin: auto; /*设置背景颜色 background背景 color颜色*/ /*backgro
2021-03-29 10:24:37
38
原创 2021-03-24
音频视频插入元素支持三种音频格式：MP，Wav和ogg:元素支持三种视频格式：MP4，WedW和ogg:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>音频视频插入</title> </head> <body> <!-- 音频： audio --> <!-- 插入音频标签：<aud
2021-03-24 11:18:29
55
原创 2021-03-23
行内、块、行内块元素权重：ID的权重是100类的权重是10标签的权重是1样式最后使用权重大的元素显示模式：行内元素：1.一行显示多个；2.设置width,heighr无效3.默认的高宽是内容的宽高1链接里不能再犯链接；2特殊情况链接里可以放块元素，但是给转换一下块级模式最安全。/* 转换成块元素*/display:block;/block块/块元素的特点1.比较霸道，自己独占一行；2.可以控制width,heigher,对齐属性3.宽度默认是容器（父级元素宽度）的100%
2021-03-23 11:11:25
45
原创 2021-03-22
定位http://ding-piaopiao.gitee.io/xiaomi-showcase/%E5%B0%8F%E7%B1%B3/布局：标准流 + 浮动（一行来显示）+ 定位定位：给盒子定位位置的相对定位：不脱标；绝对定位：会图标<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>定位</title> <style>
2021-03-22 11:24:55
46
原创 2021-03-17
清除浮动清除浮动：1.给父元素添加overflow:hidden;2..clearfix:after{ content:""; display:block;/* 转换元素 */ height:0; clear:both;/* 清除左右两端的浮动 */ visibility:hidden;/* 显示状态：隐藏 */ } /*兼容IE6，7版本浏览器*/ .clearfix{ *zoom:1;3..clerfix:after,.clea
2021-03-17 10:20:10
44
原创 2021-03-17
盒子浮动浮动元素会脱离标准流（脱标）（1）浮动元素会一行内显示并且元素顶部对齐；（2）浮动的元素会具有行内块元素的类似特性；<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>浮动</title> <style> .box{ /*float: left(左) rignt(右) onoe(没有浮动)*/ floa
2021-03-17 09:05:38
59
原创 2021-03-11
盒子二background-color;背景颜色盒子：内容区（cintent）边框（border）内边框（margin）外边距（margin）right:右left:左top：上bottom：下auto:自动外边距合并：相邻两个盒子之间同时设置margin，最终取的值是最大的那一个避免相邻盒子外边距合并：只给其中一个盒子设置外边距。外边距塌陷：嵌套的两个盒子之间同时设置margin，最终取的值也是最大的一个避免嵌套盒子外边距塌陷：给父盒子添加边框、或添加padding、或添加o
2021-03-11 16:08:07
99
原创 2021-03-10
盒子盒子：边框：border、内容：padding内边距盒子的作用：给网页布局width:宽herder：高border：边框solid：实线dashed:虚线dotted:点线padding:内边距left：左边 right:右边top:上 bottom:下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>盒子模型</
2021-03-10 11:04:31
54
原创 2021-03-09
class:类类选择器：样式点(.)定义结构类（class）调用一个或多个开发最常用ID选择器：样式（#）号定义结构（id）调用只能调一次别人勿使用```<!DOCTYPE html><html> <head> <style> /*标签选择器：*/ p{ color:red; font-size:24px ...
2021-03-09 10:53:31
39
原创 2021-03-04
``HTML: Hyper Text Makeup Language 超文本标记语言，网页结构。CSS：Cascading Style Sheet 层叠样式表、级联样式表style:样式color:颜色三种引入样式的方式：1.内联样式：把样式直接写在开始标签里2.内部样式：用标签书样式3.外部样式：用<link href="css文件位置 rel="stylesheet’/>引入写好的css文件。内联样式、内部样式和外部样式三个一起用的时候，内联样式权重最高（最终一定用内联样式
2021-03-04 16:29:30
55
1
原创 基础标签
基础标签table:表格thead：表头tbody：表格数据borfer：边框cellspacing：数据单位格之间的距离cellpadding:文字的填充大小<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>图书信息表</title> </head> <body> <h3>图书信息表</
2021-03-03 14:34:07
54
1
原创 2021-03-02
基础标签四``input:输入type:类型text：文本password:密码radio:收音机、广播name:的名字checkbox：多选、副选submit:提交reset：重置button：按钮value：价值、值```<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>基础标签</title> </head>
2021-03-02 10:55:29
37
原创 html+css3
html+css3(有序列表（li)-无序列表（ol）-链接标签（a href）标签分类）<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h3>网易云音乐</h3> <p>最佳播放量</p> <!--有序列
2021-02-25 16:04:12
88
原创 2021-02-24
html内容<!DOCTYPE html><html><head><meta charset="utf-8" />扩展：1.双标签：由两个组成，<开始标签> </结束标签>2.单标签：只有一对<>,<开始 />3.注释标签：<!-- -->,添加注释后浏览器不会翻译到网页上<!--<title></title>:标题标签–><title&
2021-02-24 11:25:52
136
原创 2021-02-23
htm15+css3的学习笔记http:hypertext transfer protocol 超文本传输协议https:加密传输www:world wide web 万维网.com域名（商业性） .cn(中国) .edu(教育)html:hyper text text makeup languange超文本标记语言超文本：比文本更厉害、除了文字还有图片、视频、还有连接、音频。超越文本限制。基本结构：<!DOCTYPE HTML>//doutment type 文档类型：网
2021-02-23 11:11:21
43
原创 2021-02-20
ＨＴＭＬ＋CSS网页前端静态网页：html+css动态网页：javascript(JS)网页后端java php(数据库)（有道翻译）wed：网络html+css网页前端：wed的三大标准，结构，样式，行为、html：结构。网页结构。css:样式。美化网页。javascript(JS)：行为。用户产生交互动作代码思维（编程思维）消化：xmind(思维导图) csdn博客...
2021-02-20 17:02:53
33
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人