CSS入门笔记
文章平均质量分 95
学习并记录CSS知识,小白之旅
新猿人
前端新人
展开
-
CSS入门笔记5(浏览器渲染,CSS动画全解)
css笔记CSS动画前言i.动画是什么呢?ii.怎么写出动画效果呢?iii.和动画息息相关的是浏览器的渲染1) 浏览器渲染过程2)怎么更新样式呢?3)这些方式有三种不同的渲染方式*4)三种更新方式5)每个属性触发哪个流程推荐网站iv.CSS动画优化v.transform(变形)全解transform有四个常用的功能1. translate-移动2. scale-缩放3. rotate-旋转4. skew-倾斜transform多重效果vi.transition过渡作用语法注意过渡必须要有起始vii.anim原创 2021-01-05 02:16:28 · 398 阅读 · 1 评论 -
CSS入门笔记4
CSS入门笔记4目录分层div,CSS定位position,层叠上下文一. div分层1.1 背景范围是从哪到哪?背景颜色div在什么位置思路过程结论1.2 那文字内容在什么位置呢?思路过程结论1.3 那块级子元素在什么位置呢?思路过程结论1.4 那浮动元素又在什么位置呢?思路过程结论1.5 综上所述可以验证得出此图:二. CSS定位positionposition的五个取值2.1 static2.2 relative 相对定位2.3.absolute绝对定位2.4 fixd 相对视口定位2.5 stic.原创 2021-01-02 02:04:56 · 1248 阅读 · 3 评论 -
CSS入门笔记3
CSS布局思路和布局方式目录CSS布局思路和布局方式i. CSS布局有三种方式:ii. 布局的两种思路iii. 布局需要用到哪些属性iv. 用什么CSS布局方式呢?1. float布局1.1 float布局步骤:2 Flex布局2.1 flex container有哪些样式① display: flex;可以让一个元素变成flex容器②flex-direction改变items流动方向(主轴):③是否折行flex-wrap④主轴对齐方式justify-content *⑤次轴对齐align-items.原创 2020-12-31 00:29:56 · 1153 阅读 · 5 评论 -
CSS入门笔记2
目录CSS基础1.文档流1.1流动方向:1.2宽度:1.3高度:1.4 overflow溢出1.5 脱离文档流2.块(block),内联(inline),内联块(inline-block)3.两盒模型4.margin合并4.1.什么情况会合并?4.2.如何阻止合并?CSS基础CSS是艺术笔记2记录主要理解的几个重要概念文档流块,内联,内联块两盒模型margin合并1.文档流文档流英文名叫做normal flow1.1流动方向:inline元素从左到右,到达最右边才会换行bl.原创 2020-12-29 16:04:11 · 141 阅读 · 3 评论 -
CSS入门笔记1
目录css历史,体系化学习CSS和如何去学。1.CSS的历史?1.1 CSS的提出1.2 CSS的版本1.3.层叠是指什么?1.4.怎么知道哪些浏览器支持哪些特性呢?(兼容性)2.体系化学CSS2.1 语法2.2 如何调试?2.3在哪里查资料?2.4标准制定者是谁3.如何学?--CRM法css历史,体系化学习CSS和如何去学。CSS(英语:Cascading Style Sheets)叫做层叠样式表1.CSS的历史?详细历史介绍可以查看维基百科CSS1.1 CSS的提出CSS是由哈肯.原创 2020-12-29 15:55:45 · 128 阅读 · 3 评论