- 博客(17)
- 收藏
- 关注
RSS订阅原创 J S基础
document.getElementsByClassName("class名")----获取到的是集合 集合名[下标]外部引入 在外部创建js文件 用script标签的src引入 是不允许在这个script里面再写js代码。document.getElementsByTagName("标签名")----获取到的也是集合。document.getElementById("id名")---获取的是具体的某个标签。父元素.getElementsByTagName 只获取父元素下的对应标签。
2022-08-24 09:28:57
142
1
原创 CSS字体 ,文本属性
1.使用多个字体名称形成一个回退系统（也就是备用字体），当浏览器不支持第一个字体的时候则会尝试下一个字体，多个字体之间用逗号隔开。/*font-family:"宋体","微软雅黑";*//*与上一个相比产生的效果不同，谁在前使用哪一个*/方法：测量两行文字中间的间距，然后除以2，得到平均间距，拉出参考线，进行标注，方便测量。/*第一个任意改写一个系统不存在的字体，会按照第二个字体显示*//*font-family:"微软雅黑","宋体";顺序：文字的样式 文字的加粗 文字的字号/行高 文字的字体。...
2022-08-17 23:12:24
65
原创 表格CSS 属性
border-spacing：一个值；代表水平方向和垂直方向的间距是一样的 注意：只有在 边框独立border-collapse: separate时才能用。vertical-align 作用：垂直对齐属性设置垂直对齐，比如顶部，底部或中间。指定 CSS 表格边框，使用 border 属性，通常定义td,th的边框属性。border-collapse 属性设置表格的边框是否被合并为一个单一的边框。border-spacing:水平方向 垂直方向；border-spacing:单元格之间的间距。...
2022-08-17 23:11:27
190
原创 弹性盒子 容器属性
自动分配距离，元素位于各行之前、之间、之后都留有空白空间, 中间的间距是两端间距的两倍,align-self属性：调整自身在侧轴的对齐方式，弹性容器中被选中子项的对齐方式（设置在子元素中）align-content属性：折行,行与行之间有间隙,去除间隙 （去掉了中间的间隙）align-content: flex-start;/* 两端对齐，中间自动分配 */...
2022-08-17 23:09:30
364
原创 弹性盒子
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配操作方便，布局简单，移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中，不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括：弹性容器、弹性子元素——项目原理：为父元素设置flex属性，控制子元素的位置及排列方式应用场景 : 移动端。...
2022-08-17 23:08:29
121
原创 1、背景属性 背景颜色绘制区域——background-clip属性
背景被裁剪到边框区域，在内容区、内填充区、边框区域显示，默认值背景被裁剪到内填充区域，在内容区、内填充区显示背景被裁剪到内容区域，仅在内容区域显示}/* 背景被裁剪到内容区域，仅在内容区域显示 */}/* 背景被裁剪到内填充区域，在内容区、内填充区显示 */}/* 背景被裁剪到边框区域，在内容区、内填充区、边框区域显示，默认值 */}...
2022-08-17 23:07:48
1711
原创 css3基础
是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。...
2022-08-17 23:05:47
46
原创 布局技巧 等高布局、圣杯布局、双飞翼
当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态...
2022-08-15 10:05:31
60
原创 css3基础
是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。...
2022-08-15 10:02:14
38
原创 3D变形：平移、旋转、缩放
a 指的是一个旋转角度值，如果为正值，元素围绕 Z 轴顺时针旋转；a 指的是一个旋转角度值，如果为正值，元素围绕X轴顺时针旋转；a 指的是一个旋转角度值，如果为正值，元素围绕Y轴顺时针旋转；angle：一个角度值，指定在 3D 空间旋转角度，正值顺时针旋转，反之元素逆时。x：是一个 0 到１之间的数值，主要用来描述元素围绕 X 轴旋转的矢量值。y：是一个 0 到１之间的数值，主要用来描述元素围绕 Y 轴旋转的矢量值。z：是一个 0 到１之间的数值，主要用来描述元素围绕 Z 轴旋转的矢量值。...
2022-08-15 09:57:21
453
原创 css3动画&2D|3D
单位：deg 当角度值为正数时，元素沿着顺时针方向旋转 当角度值为负数时，元素沿着逆时针方向旋转。transform: translate(x,y) 沿着x轴和y轴移动。transform: translateX(x) 沿着x轴移动。transform: translateY(y) 沿着y轴移动。transform: scale(x,y) 沿着x轴和y轴缩放。transform: skew(x,y) 沿着x轴和y轴倾斜。transform: scaleX(x) 沿着x轴缩放。...
2022-08-15 09:55:31
33
原创 移动端布局方案
原理：确定基准值以常见的750像素宽度的设计稿为例，根据vw单位的原理100vw = 750px,即 1vw = 7.5px，根据设计稿中的px值，转换成对应的vw值进行布局，也可以直接写px。流式布局是宽度使用百分比代替固定宽度px，高度大多使用px来固定，因此在大屏幕手机下显示的效果会变成页面元素的宽度被拉长，高度和原来保持一致。在布局过程中只要使用 rem 设置元素的尺寸，在改变 rem 的基准值 html 的字体大小的时候，页面上的元素将等比例缩放实现适配。1、设置页面的viewport。...
2022-08-15 09:48:02
91
原创 vscode 快捷键-CSDN
设置方法管理按钮—键盘快捷方式—输入shift+alt+a找到这个快捷键-----点击编辑按钮----直接按下ctrl+shift+/----最后按下回车修改完毕。比如js的多行注释是shift+alt+a，我们想修改为ctrl+shfit+/辑按钮----直接按下ctrl+shift+/----最后按下回车修改完毕。快捷键shift+alt+下箭头(上箭头)或者ctrl+c然后ctrl+v。...
2022-07-26 21:45:26
916
原创 web前段与后端的区别
Web就是一种超文本信息系统，Web的一个主要的概念就是超文本连接，它使得文本不再象一本书一样是固定的线性的。目前，web该词汇又引申为“环球网”，而且，在不同的领域，有不同的含义。就拿“环球网”的释义来说，对于普通的用户来说，web仅仅只是一种环境——互联网的使用环境、氛围、内容等；而对于网站制作、设计者来说，它是一系列技术的复合总称(包括网站的前台布局、后台程序、美工、数据库领域等等的技术概括性的总称)。当然啦，跟朋友一般，我都是这样解释的，在你的机子上看到的界面，安装的程序。它是超级文本的简称。...
2022-07-24 19:41:06
1699
原创 什么是web
什么是WEBweb(world wide web,www) 万维网，基于http协议实现 http 超文本传输协议 应用层 80http协议http原理： http是基于TCP/IP协议来进行数据传输的HTTP协议。 工作于客户端-服务端架构中，浏览器作为HTTP客户端，通过URL向HTTP服务端发送所有请求 http的三个注意事项： 1、http是无状态的 2、http是媒体独立的 3、http是无连接的 http的工作流程： 1、客户端向服务端建立起连接（TCP的三次握手） 2、客户端向服务端发送请
2022-07-24 19:21:50
995
原创 web 基础知识
DCOTYPEhtml>全称WordWideWeb。文本内容为HTML代码和文本内容。语义（浏览器“理解”的标签含义）图片标签，相对路径和绝对路径。附加所有CSS文本属性。CSSId和Class。HTML标签的三个要点。id和class选择器。附加CSS背景属性。标记语言是一套标记标签。HTML标签的三个要点。语法（标签使用规范定）简称web，www。...
2022-07-15 08:35:11
41
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人