![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css布局
我是小飞侠
聚沙成塔......
展开
-
记录一下面试题(CSS)
题目一: 只用一个DIV结合CSS画一个梯形 <div id="trapezoid"></div> 1.利用border边框加粗的方式 #trapezoid { width: 400px; height: 0; border-top: 100px solid black; border-left:100px solid red ; border-right: 100px solid blue; } 2.使用3D旋转和透视(原创 2020-06-23 21:15:07 · 61 阅读 · 0 评论 -
CSS盒模型
CSS盒模型 一、标准模式和IE模式 标准模式下的content的宽度就是content的宽度。而IE模式下的content的宽 度是content自身的宽度加上padding和border的宽度。高度类似。 设置两种模型:box-sizing:content(标准模式)|| box-sizing:border- box(IE模型) 二、JS设置获取盒模型对应的宽和高 ...原创 2020-04-28 16:21:39 · 106 阅读 · 0 评论 -
CSS布局
CSS布局(浮动布局、绝对定位、flexBox、table-cell、grid网格布局) 有这么个题目: 实现的效果: 拉伸后还是能自适应 代码 代码片. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>layout<...原创 2020-04-27 17:31:59 · 79 阅读 · 0 评论