HTML
关注
分享
扫一扫
文章平均质量分 77
m0_1229
这个作者很懒，什么都没留下…
展开
-
【学习笔记20】H5C3重点整理
1.块级行内区别： ① 块级独占一行的，行内与其他元素共享一行 ②块级元素可以直接设置宽高，行内不能直接设置宽高，需要结合CSS的display来设置。 ③块级元素可以嵌套块级与行内元素，而行内只能包含行内元素。2.清除浮动 父子级： 1.在子级元素后添加一个空元素，为其添加clear:both 弊端：增加了无意义的元素结构 2.给父级元素设置一个overflow:hiddden 解决了第一种方法的弊端 3.伪类元素after...原创 2021-08-30 11:07:57 · 131 阅读 · 0 评论 -
【学习笔记16】三种布局方式
默认文档流就是对页面布局不加任何修饰，元素自动的布局方式，其特点如下1)元素在页面中的显示顺序与元素在代码中出现的顺序是一致的，即文档结构从外到内、从上到下、从左至右。2)块级元素独占一行空间，宽度默认为父级的100%，高度由其内容高度（子元素高度）所决定。3)行内元素与其他元素共享一行空间，宽高由其内容所决定。 同级别的块级元素：垂直方向的线性结构； 同级别的行内元素：水平方向的线性结构。布局方式：浮动布局、定位布局、伸缩盒布局/弹性盒1.浮动布局（flo...原创 2021-08-19 17:02:04 · 559 阅读 · 0 评论 -
【学习笔记13】CSS：动画与变形
动画：animation过渡：transition转换：transform1.动画animation的使用1）定义关键帧@keyframes 自定义的名称{ from{一个或多个css的属性值} to{一个或多个css的属性值}}或者：@keyframes 自定义的名称{ 0%{一个或多个css的属性值} 100%{一个或多个css的属性值}...原创 2021-08-18 15:09:10 · 208 阅读 · 0 评论 -
【学习笔记12】CSS：盒子模型及背景样式
盒子模型：默认盒子模型，又叫W3C盒子，取值为content-box其中，width/height仅表示盒子内容所占的宽度/高度。盒子的宽=width+padding_left+padding_right+border_left+border_right盒子的高=height+padding_top+padding_bottom+border_top+border_bottom所占屏幕的宽=盒子的宽+margin_left+margin_right所占屏幕的高=盒子的高+ma.原创 2021-08-11 09:05:05 · 160 阅读 · 0 评论 -
【学习笔记10】HTML补充+H5对input的扩展
1.HTML的补充：（1）progress：进度条 max:默认为1 value：0-1之间，小数<form action="" method="post"> 指定：<progress value="70" max="100"></progress>70% <br> 指定：<progress value="30" max="1...原创 2021-08-04 20:30:45 · 199 阅读 · 0 评论 -
【学习笔记9】HTML案例-课表
编写课表并且有课时用不同的背景色表示代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale...原创 2021-08-03 20:20:08 · 109 阅读 · 0 评论 -
【学习笔记8】HTML案例3：个人简历表格设计
介绍：设计个人简历表格代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"&g...原创 2021-08-03 19:31:52 · 167 阅读 · 0 评论 -
【学习笔记7】HTML（3）+H5语义化标签
1.图片： <img src="" alt=""/> src:图片的地址（必须填），alt:图片地址出错时会显示alt的内容，width,height视频： <video src="D:\briup\Html\图片+视频\axure_day04_2" controls> </video> controls:表示是否显示控制条 loop：是否循环播放（播放结束后从头开始播放） muted：是否静音播放 autopl...原创 2021-08-03 19:27:37 · 85 阅读 · 0 评论 -
【学习笔记6】HTML案例2（笔记目录）
功能：点击目录跳转到当前页面的位置代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=...原创 2021-08-03 19:24:45 · 71 阅读 · 0 评论 -
【学习笔记5】HTML案例1（表单）
代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><t...原创 2021-08-02 19:12:22 · 88 阅读 · 0 评论 -
【学习笔记4】HTML（2）
1.表格标签表格的主要作用：用于显示、展示数据。基本语法：<table><thead><tr><th>表头单元格（tablehead）有加粗居中的功能</th></tr></thead><tbody><tr><td>单元格内...原创 2021-07-29 19:34:28 · 120 阅读 · 0 评论 -
【学习笔记2】HTML（1）
1.<!DOCTYPEhtml> <!--文档类型声明标签（需要记住） --><htmllang="en"><!--用来定义当前文档的显示语言，zn-CN表示中文，en表示英文--><metacharset="UTF-8"><!--charset表示字符集，UTF-8万国码，基本包含全世界的语言-->2.标题标签，作为标题使用，依据重要性递减<h1>一级标题，标题一共六级...原创 2021-07-28 15:00:42 · 97 阅读 · 0 评论