![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+CSS
文章平均质量分 95
新猿人
前端新人
展开
-
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 · 400 阅读 · 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 · 1249 阅读 · 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 · 1154 阅读 · 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 评论 -
HTML入门笔记2(常用标签)
本文详细介绍HTML的a,img,table和form标签HTML入门笔记2一 ==a标签==1 href1.1 网址1.2 路径1.3 伪协议1.4 id锚点1.5 邮箱等2 a的 target 属性2.1 _blank2.2 _top2.3 _parent2.4 _self2.5 xxx二 ==img标签==1 属性1.1 alt1.2. height和width1.3. src2 事件3 响应式三 ==table标签==1 属性值2 相关样式四 ==form表单==1 input属性1.1 ac.原创 2020-12-19 18:07:16 · 291 阅读 · 3 评论 -
HTML入门笔记1
目录HTML入门笔记1i. html的历史1.1 首先我们就先来简单了解一下html的*历史*。1.2 HTML初衷。1.3 HTML从开始到现在经历了什么ii. HTML起手该写什么2.1 快捷输入2.2 详细解释iii. 常用的表章节的标签有哪些,分别是什么意思3.1 h1~h6,标题。3.2 section,章节3.3 header,main,aside,footer:顶部,主要,次要,底部。iv. 全局属性有哪些4.1 class,类4.2 contenteditable,内容可编辑4.3 hid.原创 2020-12-17 22:46:50 · 215 阅读 · 0 评论 -
font字体相关样式
1.字体颜色 color2.字体大小 fofnt-size相关单位 em rem 1em等于1个font-size(当前元素的font-size) 1rem等于1个根元素的font-size(适合英文布局) 好处在于可以根据字体大小来改变3.行高line-height 文本在网页中都需要创建一个文本框,行高就是文本框的高度。 使用line-height来设置行高,文字默认在行高中居.原创 2020-12-06 23:25:10 · 474 阅读 · 0 评论