- 博客(16)
- 收藏
- 关注
RSS订阅
1原创 运算符与表达式
/1.两个字符串比较，一位一位比较，而且比较的是字符编码 "0" -- 48 , "A"--65 "a"--97。//比较运算符： > < = ==!= \=\==(全等，恒等)!// m = n;//++在后，先运算(打印)，后自加 y = 10 x = 11。//运算,打印过程中，++在前，先自加，后运算(打印), ++在后，先运算(打印)，后自加。= \=\==(全等，恒等)!//赋值运算符： = += -= *= /= %=
2022-10-09 10:37:13
149
原创 数据类型的分类
六大数据类型：五大基本数据类型和一个特殊类型number string boolean undefined null 复合类型（）五大基本数据number ： 数值类型 12string：字符串类型 "12" 'ab'boolean：布尔类型 true falseundefined：未定义null：空对象特殊类型（复合类型、对象类型、引用类型）object ： 对象 {name:"小侯",age:18}array：数组 [1,2,3,4,5,6]function：函数。
2022-10-09 10:33:39
175
原创 响应式布局 全览
原理：一个网站适配所有终端，实现不同屏幕分辨率下的终端上网页的不同布局；使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而达到适配不同屏幕的目的简单的说：响应式布局是元素随着屏幕发生宽高大小变化 + 盒子布局发生变化自适应：元素随着屏幕发生宽高大小变化。
2022-10-09 10:21:51
111
原创 响应式设计
也叫响应式布局，响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局，从而在每种设备屏幕宽度下呈现的界面是不同的。
2022-10-08 11:26:05
50
原创 帧动画
keyframes 动画名称（英文） {/* 动画的开始 *//* 在25%的时候进行的一个动画 *//* 在50%的时候进行的一个动画 *//* 动画结束 */}from,to表示开始、结束状态，也可以使用0%,100%定义@keyframes 动画名称（英文） {/* 动画开始 *//* 动画结束 */}
2022-10-08 11:24:52
47
原创 css3动画&2D|3D
a 指的是一个旋转角度值，如果为正值，元素围绕 Z 轴顺时针旋转； 单位：deg 当角度值为正数时，元素沿着顺时针方向旋转 当角度值为负数时，元素沿着逆时针方向旋转。a 指的是一个旋转角度值，如果为正值，元素围绕X轴顺时针旋转；反之，如果为负值，元素围绕X轴逆时针旋转。a 指的是一个旋转角度值，如果为正值，元素围绕Y轴顺时针旋转；angle：一个角度值，指定在 3D 空间旋转角度，正值顺时针旋转，反之元素逆时。说明：两个空格隔开的值，分别表示x,y轴的原点一个值时，另一个值默认center。
2022-10-08 11:24:10
47
原创 css3过渡动画——transition属性
1.linear 相同的速度从开始到结束，也就是匀速2.ease 默认值 慢速度开始--速度变快--慢速度结束3.ease-in 慢速度开始的过渡效果，也就是以低速度开始4.ease-out 慢速度结束的过渡效果，也就是以低速结束5.ease-in-out 以慢速度开始和结束的过渡效果。动画执行时间：默认0s，s|ms(毫秒) 1s=1000ms。/* 参与过渡的css属性名称 */css样式：参与过渡的css属性名称|all表示所有属性。/* 动画执行时间 *//* 速度类型 *//* 延迟时间 */
2022-10-08 11:21:45
475
原创 calc()函数
浏览器支持在IE9+、Firefox、chrome、safari可以正常呈现。calc()函数支持 "+", "-", "*", "/" 运算；/* calc运算 */任何长度值都可以使用calc()函数进行计算；calc()函数使用标准的数学运算优先级规则；/* 左右两栏 */利用calc()实现三栏自适应布局。运算符前后都需要保留一个空格。运算符前后都需要保留一个空格。用于动态计算长度值，值灵活。语法：calc(表达式)
2022-10-08 11:20:56
220
原创 多行文本溢出显示省略号
将对象作为弹性伸缩盒子模型显示 -webkit-line-clamp：2；用来限制在一个快元素显示的文本行数 -webkit-box-orient：vertical；可以沉迷，可以抱怨，可以奔溃，，可以抱怨，可以奔溃，人要有自愈能力可以沉迷，可以抱怨，可以奔溃，，可以抱怨，可以奔溃，人要有自愈能力。-webkit-line-clamp 用来限制在一个块元素显示的文本的行数。-webkit-box-orient 设置或伸缩盒对象的子元素的排列方式。/* 4. 设置子元素的排列方式 垂直排列*/
2022-10-08 11:00:35
51
原创 文本溢出处理显示省略号
* 溢出显示省略号 */white-space: nowrap;/* 强制不换行 */white-space：nowrap；/* 设置宽度可以微调省略号的盒子大小，盖住多余的文字 */white-space: nowrap;/* 强制不换行 *//* 子绝父相 */overflow: hidden;/* 溢出隐藏 */overflow: hidden;/* 溢出隐藏 *//* 关键代码 */
2022-10-08 10:59:25
35
原创 清除浮动的方法
4.在浮动元素之后，与浮动元素呈并列关系的位置，加一个不浮动块元素（空的div标签（div本身不浮动，没有尺寸）），在空的div标签上加上属性：clear：both;3.为浮动元素的父盒子添加overflow属性；优缺点：不会再结构上产生冗余代码，可以重复使用，结构语义化正确。清除左侧浮动带来的影响。清除右侧浮动带来的影响。清除两侧浮动带来的影响。优缺点：不够灵活，适用于高度固定的布局中。1.给浮动元素的父级盒子设置一个固定的高度。2.为浮动元素的父级盒子设置浮动。优缺点：会产生新的浮动问题。
2022-10-08 10:57:00
51
原创 表单元素
语法：作用：定义 HTML 表单域，是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明：比如最为常见的交互操作，注册会员、跟帖留言或者文章发布等注意：form表单实现上述操作是最为常见方式之一，也可以使用其他方式，比如ajax等 一个页面中可以包含多个form标签，标签之间是相互独立的，不能嵌套1-1 form的属性1-1-1 action属性action="数据提交地址"注意：如果省略 action 属性，则 action 会被设置为当前页面。
2022-10-08 10:55:15
373
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人