- 博客(7)
- 收藏
- 关注
原创 rem布局&grid布局
rem的原理:根据html font-size值而定插件来进行html的font-size的值的改变。适应插件 flexible.js 进行适配步骤: 1:先把html自身所带的控制视口的meta标签 先删除 2:引入flexible.js 在head标签里面 <script src="路径"></script> 3: ...
2020-04-16 20:21:39 231
原创 媒体查询&rem布局
媒体查询:由设备类型、监测设备特性表达式构成。语法: @media 设备类型[all\screen] and (条件表达式){ css样式 }注:and两侧必须有空格 not放在设备类型的前面(反向选择【排除某个范围】)媒体查询:做样式微小调整 例如: 浮动 显示隐藏 文本大小 ...
2020-04-15 21:38:42 274
原创 怪异盒&多列布局
box-sizing: 属性值: box-sizing:content-box; 常规盒模型 box-sizing:border-box: 怪异盒模型(IE盒模型)怪异盒模型: 触发怪异盒模型: box-sizing:border-box; 怪异盒模型特点:padding和border都会在元素的宽高的内部,...
2020-04-14 17:36:15 141
原创 2D位移与旋转
2D:平面空间的元素变形。由X,Y轴决定。变形属性: transform(属性):值transform的属性值为功能函数。2D的功能函数: 2d的位移 2D的旋转 2d的缩放 2d的倾斜2D位移: transform:translate(x,y); transform:translateX(x轴移动的距离); ...
2020-04-07 18:15:39 254
原创 渐变&透明
很多css3属性 最初的预览版没有形成最终的正式版,但是浏览器为了对这些新属性形成支持,主流浏览器提供属于自己的语法规则 “浏览器前缀”-webkit- 谷歌、苹果 浏览器前缀-moz- 火狐浏览器前缀-ms- IE浏览器前缀-o- 欧鹏浏览器注: 添加浏览器前缀 -> 兼容模式 不添加浏览器前缀 -&g...
2020-04-03 21:20:00 180
原创 定位&元素类型
定位:让元素的位置放生改变。例子:把大象放冰箱需要几步?第一步:把大象拿起来第二步:确定参照物(冰箱)第三步:确定具体的坐标班级给卢本伟调换座位?第一步:让他离开现在的位置(把他拿起来)第二步:参照物:隔壁教室第三步:坐标:坐在隔壁教室的门口。css定位需要几步: 1: 让元素知道自己要做位置的变动。 2:确定谁是参照物 3:指定固定的坐标定位属性:...
2020-03-27 19:01:27 182
原创 表格&表单&css
表格表格由 标签来定义。行(由 标签定义),列(由 标签定义)。border边框属性单元格边距(Cell padding)单元格间距(Cell spacing)HTML 表单 元素 元素 元素有很多形态,根据不同的 type 属性。类型 描述 定义用于文本输入的单行输入字段 定义提交表单的按钮。 定义密码字段: 元素定义可点击的按钮CSS 指层叠样式表 选择器...
2020-03-19 09:25:35 109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人