摘要: ​ inline-block:用了之后会有间隙,可以把他放到一排,就可以了没有空隙了 vertical-align:必须作用与inline-block类型,改变的是对齐方式,不是垂直居中的,可以加行高实现对齐; z-index:根据其数值的大小对齐,大的居上 关于透明度:opacity:backgr 阅读全文
posted @ 2021-10-01 10:08 七月2333 阅读(55) 评论(0) 推荐(0)
摘要: ​ animation以及transition transition:width(过渡方式) 时间s 方向 延迟时间 过渡方式:ease:先慢后快在慢 linear:线性 ease-in:慢速开始 ease-out:慢速结束 ease-in-out:慢速开始慢速结束 transform: 属性:sc 阅读全文
posted @ 2021-10-01 10:03 七月2333 阅读(72) 评论(0) 推荐(0)
摘要: ​ CSS3新特性 1、css3是css2.1的升级版; 2、新特性: a、选择器; b、阴影 c、形状转换(2D-3D): d、变形 d、动画(渡动画、帧动画) e、边框 g、多重背景) h、反射 i、文字 j、颜色(rgba/hsl/hsla) k、滤镜(filter) l、弹性布局 m、多列布 阅读全文
posted @ 2021-10-01 09:57 七月2333 阅读(59) 评论(0) 推荐(0)
摘要: 表单组件 formaction:修改action:数据提交的地方 formenctype:修改表单的请求的类型 formmethod:修改数据提交的方法 form:设置表单元素属于哪一个表单 novalidate:不验证 input属性: autocomplete:自动完成;(用来帮助用户输入,每一 阅读全文
posted @ 2021-09-20 16:32 七月2333 阅读(177) 评论(0) 推荐(0)
摘要: HTML5的新特性(注意) 1、增加了audio和video,抛弃了flash; 2、新增了canvas画布,(绘图,制作动画(如小游戏开发)) 3、增加了离线缓存 4、地理等位 5、硬件加速 6、Web Socket(全双工通信) 7、增加本地储存; 8、新增了一些语义化标签 二、网页布局标签 h 阅读全文
posted @ 2021-09-20 16:25 七月2333 阅读(224) 评论(0) 推荐(0)
摘要: 轮播图 作用:主要用于产品的展示或公司相关的宣传; 组成:1、轮播的组图(至少两张) 2、控制器 3、计数器 cursor: pointer; 将图标设为手型 定位 1、postion:设定元素在文档中的内容;会自动转化为块级标签; 2、a、static:静态定位;(默认,不能设置left/top/ 阅读全文
posted @ 2021-09-20 16:22 七月2333 阅读(293) 评论(0) 推荐(0)
摘要: CSS的背景 1、backgound_color:transparent/color 2、backgound-image:添加背景图;none(无背景图,默认),url{url} 3、backgound-repeat:对象背景铺排方式;(repeat/no-repeat/repeat-x/repez 阅读全文
posted @ 2021-09-14 00:01 七月2333 阅读(51) 评论(0) 推荐(0)
摘要: CSS浮动布局&盒模型 1、浮动:float,是块级标签不独占一行,让块级标签的元素可以在同一排 left:向左浮动 right:向右浮动 none:默认值,元素不浮动显示在文本出现的位置 inherit:规定应该从父元素继承float的属性; .box1{ background-color: do 阅读全文
posted @ 2021-09-13 23:59 七月2333 阅读(44) 评论(0) 推荐(0)
摘要: 选择器的分组 让多个选择器(元素)具有相同的样式,一般用于设置公共样式 <style type="text/css"> h1,.box,span{ //分组 color: blue; } span{ background-color: crimson; }</style> 选择器的继承 子元素可以继 阅读全文
posted @ 2021-09-11 00:32 七月2333 阅读(136) 评论(0) 推荐(0)
摘要: css选择器分类 1、:匹配html中所有的元素;(<>性能比较差,匹配时间长,不建议使用) <p>好得很</p><strong>加粗且强调的标签</strong> <style> *{ color: darkgreen;​ } 2、标签选择器:匹配对应的标签; <style>span{ displ 阅读全文
posted @ 2021-09-10 22:03 七月2333 阅读(29) 评论(0) 推荐(0)