自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除