H5+CSS:
- 声明HTML网页标准:<!DOCTYPE>
- 图片标签 img
- css颜色样式color
- 定位 position 绝对absolute 相对 relative
- 外边距:margin 内边距 padding
- 圆角属性:border-radius
- 过渡动画 transition: s
- 透明度 opacity
- 弹性布局:display:flex
- 定时器: setInterval
- 清除定时器:clearInrerval
- 清除li原点:list-style:none
- 显示为块级元素:display:block
- 左浮动:float:left
- 鼠标移入:hover
- 居中对齐:text-align:center
- 设置圆角为15px:border-radius:15px
- 溢出隐藏:overflow:hidden
- 旋转360度:transition:rotate(360deg)
- 放大1.3:scale(1.3)
- 清除左右浮动:clear:both
- 当前窗口宽度等于设备宽度的百分之百,缩放级别为1,禁止页面缩放
- 窗口viewport,宽度width=device-width initial-scale=1,user-scalable=no
- 居中排列:justify-content:center
- 使用css3属性选择器设置搜索框的尺寸:type=search
- border-radius:边框圆角
- box-shadow:边框阴影
- 自定义字体:font-family src :url('')
- font-family:‘ ’;
- 头部:<header></header>
- 正文:<section></section>
- form表单
- input
- 文本提示:placeholder
- onclick点击
JS+JQ:
- 创建一个li元素:document.createElement(“li”)
- document.getElementById js id获取
- 修改内容:innerHtml=text.value
- 追加元素:append
-
posted @
2022-05-26 00:14
符攀飞
阅读(
363)
评论()
编辑
收藏
举报