![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 59
Jonahr
这个作者很懒,什么都没留下…
展开
-
前端学习之CSS---动画、关键帧动画
transition,animation,animate.css动画库原创 2022-06-12 18:08:36 · 462 阅读 · 1 评论 -
前端学习之CSS---多列布局、响应式布局、网格布局
瀑布流效果,网格线划分,响应式布局媒体查询原创 2022-06-12 15:57:54 · 708 阅读 · 0 评论 -
前端学习之CSS---弹性盒与rem布局
适合移动端的弹性盒与rem布局,弹性盒属性以及rem的使用原创 2022-06-12 01:35:09 · 296 阅读 · 0 评论 -
前端学习之CSS---阴影、圆角、字体引入、怪异盒模型
阴影、圆角、字体引入、怪异盒模型原创 2022-06-06 18:37:47 · 131 阅读 · 0 评论 -
前端学习之CSS---层级、属性、伪类选择器
层级选择器、属性选择器、伪类选择器原创 2022-05-31 23:23:26 · 676 阅读 · 0 评论 -
前端学习之CSS---两栏布局、三栏布局
一、两栏布局1、清样式、设置html高度*{ margin:0; padding:0;}html,body{ height:100%;} 2、设置两个div方案1:margin-left<style> .box1{ width:200px; height:100%; background:red; float:left; } .box2{原创 2022-05-31 13:42:43 · 187 阅读 · 0 评论 -
前端学习之CSS---定位、锚点、精灵图、浮动、窗口自适应
定位、锚点、精灵图、浮动、窗口自适应一、定位—positionposition : static/ absolute/ relative/ fixed/ stickystatic : 默认值absolute : 绝对定位,脱离文档流,当没有父元素或者父元素没有定位,参照物为浏览器窗口的第一屏 有父元素且父元素有定位时,参照物为父元素relative : 相对定位,不脱离文档流,相对于自己的初始位置fixed : 固定定位,脱离文档流,参照物为浏览器的当前窗口sticky : 粘性定位,可原创 2022-05-01 11:14:17 · 647 阅读 · 0 评论 -
前端学习之CSS---盒子模型、溢出属性、元素显示类型
盒子模型、溢出属性、元素显示类型一、盒子模型常见特性和问题1、内边距在给div设置了padding以后,div的高度和宽度会计算content本身加上padding的大小padding : 30px 一个值的时候四周全部设置,两个值先上下后左右,三个值就是上 左右 下,四个值上 右 下 左padding:top right bottom left不支持负值 2、边框设置了边框以后,div的高度和宽度计算也会加上边框的大小border:10px solid red粗细-样式原创 2022-04-30 11:08:00 · 636 阅读 · 0 评论 -
前端学习之CSS---文本、列表、背景、浮动属性
文本、列表、背景、浮动属性一、文本属性文本大小:font-size(重要)font-size单位是px,浏览器默认是16px,设计图常用字号是12px字体:font-family(重要)当字体是中文字体、英文字体中有空格时,需加双引号多个字体中间用逗号链接,先解析第一个字体,如果没有解析第二个文字颜色:color(重要,常用)css中颜色的表现形式大致分为四种直接用英文color:red直接在后面写出颜色对应的英文rgb三原色color:rgb(255,0,0)红绿蓝三种原创 2022-04-23 18:42:44 · 315 阅读 · 0 评论 -
前端学习之CSS---样式表的优先级和选择器
前端学习之旅开始样式表的优先级!important > 行内样式 > 内部样式 > 外部样式div{ color:red!important; // !important 样式 background-color:blue; // 普通外部样式}//行内样式<div style="color:orange;">12345</div>//内部样式<style> div{ color:yellow;原创 2022-04-23 18:41:32 · 69 阅读 · 0 评论