CSS3
怀竹
希望在这个平台能够将自己培养成一个标准的程序员,积极的去分享自己发现到的东西。
展开
-
css3样式布局
css3(cacsscadng style sheets):层叠样式表;面试前先把自己弄活跃起来(不然容易让场面冷下来,让自己发抖);层叠样式表:由一条条规则组成的;规则由:选择器,声明块组成;声明块:由一条条声明组成;声明:由css属性+css属性值组成的键值对;*{margin:0;padding:0;}div ul li #test{}//浏览器从右往左去渲染;(从左往右元素不会被浏览器立即匹配到,而从有往左,只需要先查找所有的#test然后向上找,逐渐匹配;)..原创 2020-11-02 21:33:37 · 322 阅读 · 0 评论 -
css2.1页面布局
css(2.1):包含块:较早前讨论浮动元素的包含块:对于浮动元素,其包含块定义为最近的块级祖先元素,对于定位,情况就会发生变化:根元素的包含块(也称为初始包含块)是有用户代理创建的,也就是html元素,不过浏览器会使用body作为根元素,在大多数浏览器中,初始包含块是一个视图窗的矩形;对于一个非根元素,如果其position的值为relative或static,包含块由最近的块级框,表单元或行内块祖先框,内容边界共同决定的;对于一个非根元素,如果position属性是...原创 2020-10-24 22:00:28 · 291 阅读 · 0 评论 -
CSS中的盒子、flex布局简介
CSS中的盒子模型:CSS中盒子的大小由margin(盒子外围)、padding(盒子内围)、border(盒子边框)以及盒子内容构成,盒子是一个容器,当我们需要喝水的时候可以拿起杯子同样也可以直接用手去盛水。不用盒子和用盒子的区别在于适不适用于生产。用盒子的好处:1.留有空间:可以预留一部分空间(构造图形、撑开内容、设置盒子内部不同属性产生不同布局)2.划分区间:不同的区域放置不同的物品(在html5中的header/footer等)怪异盒子(box-sizing:border-box原创 2020-09-21 10:55:23 · 235 阅读 · 0 评论 -
CSS2D、3D、过渡、动画基础概括
CSS的2D转换:可以对元素进行移动、缩放、转动、拉长或拉伸。translate()rotate()scale()skew()matrix()transform:ratate(0deg):顺时针旋转tansform:translate(50px,100px);右移50px,向下平移100pxtransform:scale(2,3)横向增大2倍,纵向增大3倍;transform:skew(amgle,angle)x轴向上倾斜y轴向上倾斜matrix()方..原创 2020-09-17 22:15:35 · 201 阅读 · 0 评论