- 博客(22)
- 收藏
- 关注
RSS订阅原创 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:21:50
125
原创 3D旋转盒子
perspective:用来模拟人的视觉位置，也称为视距即人的眼睛到屏幕（成像）的距离。perspective：的单位是像素PX.perspective的值越大，表示视距越远，成像越小，反之。perspective：写在被观察元素的复合子上。flat:不开启3D立体空间，默认值，2D平面显示。preserve-3d:子元素开启3D立体空间。写在复合子上。trabsform-style:preserve-3d;-webkit-transform-style:preserve-3d; 兼容GOO
2021-04-22 15:17:51
125
原创 转换
<!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 11:15:08
126
原创 过渡
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>css高级样式</title> <style> .box{ width:200px; height:200px; background-color:green; /* transition:过渡 */ /* transition:过渡属性 过渡花费的时间
2021-04-06 11:14:29
99
原创 背景
<html> <head> <meta charset="utf-8" /> <title>背景</title> <style> .box{ width:1500px; height:1500px; border:1px solid black; margin:auto; color:#fff; font-size:35px; overflow:scroll;
2021-03-29 10:25:01
88
原创 视频、音频插入
元素支持三种音频格式文件：mp3,wav,ogg;元素支持三种视频格式文件：mp4,webm,ogg;<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>插入音频、视频</title> </head> <body> <!-- 音频：audio --> <!-- 插入音频标签：<audio>
2021-03-24 11:16:56
148
原创 元素显示模式
权重:ID的权重是100。类的权重是10。标签的权重是1。样式最后使用元素显示模式块元素:（常见的块元素有·,,,,..1.比较霸道,自己独占一行.2.可以控制width,height,对齐属性;3.宽度默认是容器(父级元素宽度)的100%;4.块元素内可以包含内元素或块元素. */行内元素:(常见的行内元素有,.,1.一行显示多个;2.设置width,height无效;3.默认的宽高是内容的宽高;(链接里不能再放链接,特殊情况链接里可以放块级元素，但是给转换一下块级模式最安
2021-03-23 11:16:03
93
原创 定位：盒子
标准流 + 浮动(一行显示）定位：给盒子定位位置；相对：不脱标；（position:relative; /* 相对定位:相对于自己原先得位置来偏移,不脱标 */ /* 偏移量 left,right,top,bottom */）绝对：脱标；（position:absolute;/* absolute绝对定位:根据上一个有定位的父盒子来偏移，如果说往上都没有定位的盒子，就根据body来偏移。 */ /* 绝对定位的盒子会脱标 */ /* 偏移量 left,right,top,bot
2021-03-22 11:33:12
139
原创 取消浮动
.clearfix:after{ content:""; /* 内容 */ display:block; /* 转换成块元素 */ height: 0; clear:both; /* 清除左右两端的浮动 */ visibility:hidden; /* 显示隐藏 */ } /* 兼容ie6,7版本浏览器 */ .clearfix{ *zoom: 1; }<!DOCTYPE html>&l
2021-03-17 10:21:27
327
原创 浮动
浮动的特性：1.浮动元素会脱离标准流（脱标）2.浮动元素会一行内显示并且元素顶部对齐。3.浮动的元素会具有行内块元素的类似特性。（浮动的元素：漂浮在普通流上，不占位置。脱标！文字水平居中：text-algin:center;文字垂直居中：line-height:盒子高度；<html> <head> <meta charset="utf-8" /> <title>浮动</title> <style> .b
2021-03-17 08:59:49
247
3
原创 div盒子
background:背景色盒子区：内容区（content)、边框（border)、内边距（padding)、外边距（margin)auto(自动）相邻两个盒子之间同时设置margin,最终取的值是最大的那一个。外边距塌陷：嵌套的两个盒子之间同时设置margin,最终取的值也是最大的个。避免嵌套盒子外边距塌陷：给父和子添加边框、或添加padding、或添加overflow:hidden；<html> <head> <meta charset="utf-8
2021-03-11 16:30:28
164
原创 div盒子
盒子：边框：border、内容：padding内边距盒子的作用：给网页布局<marquee></marquee>width:宽herder：高border：边框solid：实线dashed:虚线dotted:点线padding:内边距left：左边 right:右边top:上 bottom:下<!DOCTYPE html><html> <head> <meta charset="utf-8" /
2021-03-10 11:26:20
224
原创 css三种选择器
<html> <head> <style> /* 标签选择器 */ p{ color:red; font-size:24px; } /* 类选择器：样式点（.）定义结构类（class)调用一个或多个开发最常用 */ .style-color{ color:green; } .style-size{ font-size:90px; } #p-style{
2021-03-09 10:57:49
96
原创 css样式
CSS（Cascading Style Sheet):层叠样式表、级联样式表。三种引入样式的方式： 1.内联样式：把样式直接写在开始标签里。 2.内部样式：用<style></style>标签书写样式。 3.外部样式：用<link href="css文件位置" rel="stylesheet" />引入写好的css文件。内联样式、内部样式和外部样式三个一起用的时候，内联样式权重最高（最终一定用内联样式);内部样式和外部
2021-03-04 16:24:10
132
1
原创 表格标签
<html> <head> <meta charset="utf-8" /> <title>booklnfo</title> </head> <body> <h3>图书信息表</h3> <!-- 表格表签：<table></table> --> <!-- 表头部分<thead></thead>和表格<tb
2021-03-03 14:23:16
103
原创 csgo使用代码
cl_crosshaircolor "5";cl_crosshaircolor_b "246";cl_crosshaircolor_r "247";cl_crosshaircolor_g "5";cl_crosshairdot "1";cl_crosshair_t "0";cl_crosshairgap "-21";cl_crosshairsize "4.5";cl_crosshairstyle "4";cl_crosshairusealpha "1";cl_crosshairthick
2021-03-03 14:21:32
2194
原创 表达标签
<html> <head> <meta charset="utf-8" /> <title>基础标签</title> </head> <body> <!-- <表单标签：收集用户信息。包括<form></form >表单域.标签控件.提示信息--> <form action="test.php" method="get"> <!-- 表单
2021-03-02 11:00:44
209
原创 链接标签
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>音乐排行榜</title> </head> <body> <h3>某某某音乐排行榜</h3> <p>最佳播放量排名</p> <!-- 有序列表：<ol> 列标签：<li> -->
2021-02-25 16:01:53
112
原创 标签
标签：title(开头,网页标题)<!--扩展：1.双标签：由两个组成，<开始标签></结束标签>2.单标签：只有一对<>,<开始 /> 3.注释标签：,添加注释后浏览器不会翻译到网页上。<！—— ;标题标签 ——><!-- 段落标签：</p<标签：title(开头)><!–扩展：1.双标签：由两个组成，<开始标签></结束标签>2.单标签：只有一对<>,<开始 /&g
2021-02-24 11:14:52
184
原创 认识html
http:超文本传输协议 (hypertext transport protocol)https:加密传输（超文本传输协议）www.world wide wed(万维网).com(域名、商业性) .cn（中国） .edu(教育)html:超文本标记语言（Hypertext Markup Language）超文本：比普通文本更高级、有文字还有图片、视频、连接、音频。超越普通文本的限制。~~ //docutment type 文档类型：网页文档（html）<htm
2021-02-23 10:09:46
92
原创 如何使用HTML+css
html使用有道翻译加粗样式**编程思维（代码思维）web:网络XMIND:消化（思维导图）html=css（1）网页前端：web的三大标准，结构、样式、行为。静态网页： html:结构，网页结构。css:样式、美化网页。动态网页：javascript(JS)：行为。用户产生交互动作。（2）网页后端：java语言 php语言 数据库。**...
2021-02-20 17:03:52
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人