- 博客(14)
- 收藏
- 关注
RSS订阅原创 html笔记
由于不同的浏览器厂商，比如 ie，火狐，谷歌，safari(苹果)等，他们在生产浏览器的时候，会有不同的渲染解决方案。css hack 是浏览器厂商给自己的浏览器专门制定的一套特殊的css指令。设置需要过渡的css属性，如果有多个属性需要过渡，则可以用英文逗号分开，也可以直接设置all，all表示所有变化的css属性都需要过渡，如果不设置该属性，默认为all。当子级元素进行浮动的时候，他的父元素会因此产生影响，由于浮动元素脱离文档流，父元素没有子元素撑开，导致父元素没有高度，这样在布局的时候会产生混乱。
2023-08-07 18:25:21
112
1
原创 h5小白笔记day11
就是百分比布局高度的百分比是基于父元素的百分比进行渲染，因此使用百分比作为高度，他的父级必须定高特殊属性百分比元素的 margin-top、margin-bottom、padding-top、padding-bottom 他们的百分比设置都是基于父元素宽度的百分比line-height 如果设置百分比，不是基于父元素的line-height值，而是基于他自己字号(font-size)的百分比。
2023-07-21 19:46:22
54
1
原创 h5小白笔记day10
1. 他是css3推出的布局方式2. 低版本浏览器不支持3. 所有的移动端都支持设置弹性容器(弹性盒子)块 -> 弹性容器：行 -> 弹性容器：一般行不会设置为弹性容器设置弹性布局，只需要给父容器设置 display:flex;设置主轴的方向row：默认值，主轴为水平方向，起点在左边row-reverse：主轴为水平方向，起点在右边column：主轴为垂直方向，起点在上边column-reverse：主轴为垂直方向，起点在下边flex-wrap: 设置子元素是否换行。
2023-07-20 20:09:33
45
原创 h5小白笔记day09
h5新特性都有哪些1. 新增了很多语义化标签2. 废弃了一些css修饰和html标签3. 支持本地持久化数据4. 增加了音视频标签的api5. 提供了canvas画布及其apiH5各种功能比较新，低于IE9的浏览器支持的功能不够全面，建议使用 IE9及其以上的浏览器。
2023-07-19 19:35:06
59
原创 h5小白笔记day08
表格的作用：1、在之前可以使用表格进行布局2、作为列表来显示数据一个表格是由 thead、tbody和tfoot组成，这三个标签可以不写，浏览器会自动添加想要创建一个表格，可以使用一下表格table ：表示当前创建一个表格tr ：表示表格中的一行th ：表示表格的一个单元格，一般代表表头tb ：表示表格的一个单元格，一般代表表内容以上标签都是快标签给table 添加 border 属性，设置边框cellspacing 设置单元格和单元格之间的距离。
2023-07-18 19:58:58
36
1
原创 h5小白笔记day07
原理：定位的元素超出文档流什么时候需要用到定位？在同一块文档流的区域内，需要同时叠放多个标签定位的流程：1.通过 position 属性设置定位的参照物2.通过 方位属性，设置具体方位的定位数据，方位属性有 top，left，right，bottom，他是用来设置距离参照物有多远他们的优先级是 left>righttop>bottomposition 属性的值static：静态定位，无参照物，不定位relative：相对定位，以 元素本身没有移动之前的位置为参照物。
2023-07-17 19:21:51
72
1
原创 h5小白笔记day06
margin 的左右方向可以设置自适应 auto，这样它所修饰的块属性标签就会在左右方向上自动居中注意：auto只能控制水平方向的自动居中，不能控制垂直方向的自动居中设置方式：auto的原理auto的值 = (父元素的宽度-当前元素的宽度)/2;
2023-07-12 20:28:28
42
1
原创 h5小白笔记day05
隐藏一个标签元素display 属性，可以用来控制标签元素的显示属性值：block 把元素转化为块属性标签inline 把元素转化为行属性标签none 隐藏标签元素设置内联块元素（行内块元素）它的本质是 对内显示 块属性标签，对外显示 行属性标签两个内联块元素之间的缝隙的处理方式原因：两个内联块元素之间键入了回车，回车也是一个字符，他的大小跟父标签的font-size有关解决办法：1. 去掉回车键2. 设置他们父元素的大小为0注意，字体大小是可以被传递到子元素上的。
2023-07-11 18:45:36
36
1
原创 h5小白笔记day04
含义是 在客户端的设备上匹配 A字体，如果没有A字体，则继续匹配B字体，依次进行匹配，直到匹配成功即可显示匹配到的字体。注意， style 和 weight 不是必须写入的内容，如果简写必要有 font-size 和 font-family。fixed 根据浏览器可视区域，固定在具体的位置，它的定位参考点是 浏览器可视区域。background-position: x轴方向的值 y轴方向的值;background-repeat 背景图的平铺方式。他的值也可以是具体的整百数字，范围是 100-900。
2023-07-09 11:55:17
36
1
原创 前端学习笔记
它的含义是 声名当前版本文档类型是 html5 标准的文档，这样浏览器在解析渲染的时候会按照h5的解析标准。a. 如果设置的下载文件是 音频、视频、图片、文档等，都需要 经过压缩之后，再在href上设置文件的路径。，用来定义网站的关键字，如果有多个关键字，用英文逗号隔开，关键字最好不要超过10个。a.独自占据一行空间，支持宽和高的设置，设置完宽和高以后，任然独占一行。标签，他是一个双标签，他的SEO权重很大，因此需要谨慎书写里面的内容。，用来简单的描述网站的内容，不要超过100字，有利于SEO。
2023-07-09 11:44:21
155
1
原创 h5小白笔记day03
css 层叠式样式表css 引入方式1、行间引入2、内部样式表3、外部样式表开发的时候常用link 和 @import 引入css 的区别1. @import 是 css2.1 之后才推出的，因此可能存在兼容问题， link不存在兼容问题2. link不仅可以引入css,也可以引入其他类型的文件，功能更加强大推荐使用 link。
2023-07-07 11:46:00
32
1
原创 h5小白笔记第二天
iframe 框架src="需要显示的页面地址"height="设置高度"width="设置宽度"a 标签herf 属性： 用来设置超链接的地址target 属性： 设置标签页的打开方式_blank 在新标签页打开_self 默认值，在当前页打开作用：1. 设置一个超链接2. 设置锚点最常用的效果是 回到顶部如果在开发中需要设置a标签点击没有效果，则可以设置href 属性为 ## 既是 href="##"如果需要设置回到顶部 则 href="#"
2023-07-05 19:27:25
55
1
原创 h5小白笔记第1天
通常都把 charset 的值设置成 UTF-8,如果不设置charset属性，可能会导致页面乱码，解决方案是设置成 UTF-8即可。9.blockquote 引用标签,一般引用的是一段文字,他的 cite 属性表示该文字引用的文献名目。ol,ul,li 都是块属性标签li 是列表项 并且 ol,ul 的子元素,必须是 li标签。description 属性，用来简单的描述网站的内容，不要超过100字，有利于SEO。title 标签，他是一个双标签，他的SEO权重很大，因此需要谨慎书写里面的内容。
2023-07-04 20:55:49
34
转载 计算机网络
TPC协议PC/IP协议是传输层协议，主要解决数据如何在网络中传输，而HTTP是应用层协议，主要解决如何包装数据。关于TCP/IP和HTTP协议的关系，网络有一段比较容易理解的介绍：“我们在传输数据时，可以只使用（传输层）TCP/IP协议，但是那样的话，如果没有应用层，便无法识别数据内容，如果想要使传输的数据有意义，则必须使用到应用层协议，应用层协议有很多，比如HTTP、FTP、TELNET等，也可以自己定义应用层协议。WEB使用HTTP协议作应用层协议，以封装HTTP 文本信息，然后使用TCP/I
2022-05-19 23:01:58
75
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人