HTML5+CSS3
文章平均质量分 77
HTML5学习
JRealcs
cool shade stunner
展开
-
2_指令
指令是vue为开发者提供的,用于辅助开发者渲染页面的基本结构。原创 2022-10-07 16:20:51 · 300 阅读 · 0 评论 -
1_介绍
单页面应用程序(英文名:Single Page Application)简称 SPA,顾名思义,指的是一个 Web 网站中只有唯一的一个 HTML 页面,所有的功能与交互都在这唯一的一个页面内完成。 组件化开发指的是:根据封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护。原创 2022-10-07 16:20:20 · 268 阅读 · 0 评论 -
17_网格布局
第一种情况:当设计图的宽度是640px,dpr是2第二种情况:当设计图的宽度是750px,dpr是2。原创 2022-07-27 23:31:22 · 86 阅读 · 0 评论 -
16_移动端布局
第一种移动端布局方式:媒体查询+rem方式媒体查询可以改变html下面的font-size的值rem可以相对于根元素进行计算设置不同的终端下面的font-size的值通过公式DPR计算得出常见的是2计算:物理像素/2/相对应的font-size的值优点:好理解、做到大部分的移动端适配缺点:计算有误差、适配所有的需要写很多的媒体查询比较麻烦第二种移动端布局方式:vw+rem(推荐的方法)原创 2022-07-26 17:58:23 · 247 阅读 · 0 评论 -
15_弹性盒布局
弹性盒布局原创 2022-07-25 19:26:11 · 570 阅读 · 0 评论 -
14_2D&3D
动画的定义/声明方式。原创 2022-07-23 19:34:35 · 118 阅读 · 0 评论 -
13_CSS3过渡&动画
【代码】13_CSS3过渡&动画。原创 2022-07-20 19:05:26 · 332 阅读 · 0 评论 -
12_CSS3基础
集合名称:nth-last-of-type(n) 表示选择到集合下面的第几个(从后往前)集合名称:nth-last-child(n) 表示选择到集合下面的第几个(从后往前)集合名称:nth-of-type(n) 表示选择到集合下面的第几个(从前往后)集合名称:nth-child(n) 表示选择到集合下面的第几个(从前往后)集合名称:first-of-type 表示选择集合下面的第一个。集合名称:last-of-type 表示选择集合下面的最后一个。属性值:常用的属性值有4个。属性值:常见的属性值有4个。原创 2022-07-20 19:03:39 · 44 阅读 · 0 评论 -
11_HTML5基础
字符串转换为数字类型 parseInt、parseFloat、Number、Math.round。前端中最简单的获取DOM结构的方式是绑定id input1.value。智能表单只能检测当前输入的内容是否符合格式,为空的时候是可以提交的。所有的input的value值默认都是字符串类型(带有引号)需要获取到用户输入的值 DOM结构.value。智能表单需要在form表单框中使用。要在form环境下使用。source引入资源。原创 2022-07-18 20:55:01 · 81 阅读 · 0 评论 -
10_宽高自适应
属性:width属性值:px/%宽度自适应的特点。原创 2022-07-18 20:51:57 · 487 阅读 · 0 评论 -
9_表格&表单
设置对齐方式设置单元格的间距显示(父级)表格中的行列合并(重点、难点)原创 2022-07-16 10:00:52 · 62 阅读 · 0 评论 -
8_定位&锚点
定位的作用:控制元素在浏览器中的位置定位的属性:position定位的属性值相对定位 raletive:不脱离文档流、相对于初始位置移动绝对定位 absolute:脱离文档流、父级有定位属性就相对于父级,没有就会往上找 找到浏览器固定定位 fixed:脱离文档流、相对于浏览器位置移动粘性定位 sticky:不脱离文档流(相对) 、 相对于浏览器(固定定位)原创 2022-07-16 09:32:24 · 561 阅读 · 0 评论 -
7_元素类型
常见的块元素:div、p、h、ul>li、ol>li块级元素的常见特点常见的行内元素:a、span、i、em、b、strong行内元素的常见特点。原创 2022-07-16 09:31:21 · 78 阅读 · 0 评论 -
6_文本溢出
解答:将页面中的所有小图标放在一张大的图片上,导入大图片,需要使用背景定位技术移动图片的位置即可别名:精灵图、雪碧图原理:background-position关于图片整合技术的优缺点。原创 2022-07-14 18:24:52 · 57 阅读 · 0 评论 -
5_CSS属性
盒模型属性的总结概念:设置元素之间的间距组成部分:content、padding、border、margin盒模型的分类标准盒模型盒子自身的大小:content+paddinng+border盒子真实的大小:content+paddinng+border+margin怪异盒模型盒子自身的大小:content(paddinng+border)盒子真实的大小:content(paddinng+border)+margin如何形成怪异盒模型(IE)原创 2022-07-14 18:10:21 · 68 阅读 · 0 评论 -
4_浮动&盒模型
作用:可以元素在网页中的位置(如果盒子默认是上下排列的可以改为水平属性:float 使xx漂浮/浮动属性值:left、 right、none(默认值,不浮动)浮动的特点拓展。原创 2022-07-13 08:50:10 · 93 阅读 · 0 评论 -
3_表单&CSS基础
标签名称:a默认样式字体有颜色(颜色会进行改变)属性拓展。原创 2022-07-13 08:47:55 · 63 阅读 · 0 评论 -
2_HTML基础
1.标签名称ul 父级标签 表示列表盒子li 子级标签 表示列表内容2.列表可以有一个,子级内容可以有多个,需要进行嵌套显示3.默认样式无序列表有黑色的实心圆独占一行,上下显示父级元素上下和左侧都是有间距的4.无序列表中的属性设置属性:type 表示类型属性值:circle空心圆/disc实心圆/square方形5.作用:常用于新闻列表或者导航6.快捷写法:ul>li*n{文本}原创 2022-07-08 13:11:40 · 210 阅读 · 0 评论 -
1_HTML简介
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iRdjgcQK-1672406764556)(C:\Users\JReal\AppData\Roaming\Typora\typora-user-images\image-20220714175957320.png)]原创 2022-07-07 18:25:39 · 45 阅读 · 0 评论