代码不好维护和复用;
加上name属性就好了
HTML:前端基础 & HTML 常用标签目录 理解:相对路径三种形式 应用排版标签文本格式化标签图像标签链接相对路径 / 绝对路径的使用 1. HTML 常用标签 首先 HTML 和 CSS 是两种完全不同的语言,...
1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。 设备的划分情况: 小于 768 的为超小屏幕...
1. rem 基础 rem 单位 rem(root em)是一个相对单位,类似于 em,em 是父元素字体大小。 不同的是 rem 的基准是相对于 html 元素的字体大小。...
1.0 传统布局和 flex 布局对比 1.1 传统布局 兼容性好 布局繁琐 局限性,不能再移动端很好的布局 1.2 flex 布局 操作方便,布局极其简单,移动端使用比较广...
1.0 移动端基础 1.1 浏览器现状 PC 端常见浏览器:360 浏览器、谷歌浏览器、火狐浏览器、QQ 浏览器、百度浏览器、搜狗浏览器、IE 浏览器。 移动端常见浏览器:U...
一、 认识 3D 转换 3D 的特点近大远小物体和面遮挡不可见 三维坐标系x 轴:水平向右 -- 注意:x 轴右边是正值,左边是负值y 轴:垂直向下 -- 注意:y 轴下...
一、rotate 2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转 使用步骤: 给元素添加转换属性 transform 属性值为 rotate(角度) 如 tran...
一、什么是 HTML5 HTML5 的概念与定义定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML两个概念:是一个新...
1. 概述 常用代码规范旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范, 以下规范是团队基本约定的内容,必须严格遵循。 HTML 规范 基于 W3C、苹果开发者 ...
学习目标 理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法 应用能写出最常见的鼠标样式能使用精灵图技术能用滑动门做导航栏案例 1. 元...
学习目标 理解能说出为什么要用定位能说出定位的 4 种分类能说出四种定位的各自特点能说出我们为什么常用子绝父相布局 应用能写出淘宝轮播图布局 1. CSS 布局的三种机制 网...
1. 浮动(float) 目标 理解能够说出普通流在布局中的特点能够说出我们为什么用浮动能够说出我们为什么要清除浮动 应用能够利用浮动完成导航栏案例能够清除浮动能够使用 PS...
盒子模型(CSS 重点) css 学习三大重点: css 盒子模型 、 浮动 、 定位 主题思路: 目标: 理解:能说出盒子模型有那四部分组成能说出内边距的作用以及...
学习目标 复合选择器后代选择器并集选择器 标签显示模式 CSS 背景背景位置 CSS 三大特性优先级 1. CSS 复合选择器 目标 理解理解 css 复合选择器分别的应用场...
学习目标 应用使用 css 字体样式完成对字体的设置使用 css 外观属性给页面元素添加样式使用常用的 emment 语法能够使用开发人员工具代码调试 1. font 字体 ...