首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CSS入门到精通
前端_阿珂
创建于2021-05-11
订阅专栏
小白自学前端CSS笔记,希望能从0到1.
等 12 人订阅
共14篇文章
创建于2021-05-11
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
十四.CSS变形(transform)、过渡(transition)、动画(animation)详解
通过 CSS3 变形属性,我们能够对元素进行移动、缩放、转动、拉长或拉伸。CSS过渡在一段时间内把css属性的初始值变为另一个值,既`逐渐变化`,不那么突兀。css动画的效果则更加强大,可以自动播放。
十三.CSS布局设计汇总(终极版)
本文介绍了常用的7种方法写两列布局,三列布局(最右自适应)介绍了5种方案,双飞翼+中间自适应的三列布局写了6种方案;最后还补充了等分登高布局,剖析了小米商城的大概结构....
十二.CSS Flexbox-弹性盒布局
通过弹性盒指定空间的分布方式、内容的对齐方式、和元素的视觉顺序,从而是我们的网页布局变得异常简单;弹性盒依赖父子关系,在元素上声明display:flex或者display:inline-flex;可
十一.网页布局-CSS定位
CSS定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠....
十.CSS—网页布局(标准流、浮动流)
本文介绍了CSS标准流的一些规则;并且深入浅出的介绍了浮动流相关的知识,并结合CSS权威指南,做了详尽的描述。
CSS盒子的水平垂直居中
水平居中写了5种方法,垂直居中写了5种方法,水平垂直居中写了7种方法,实际上只有6种; 一.水平居中 指当前元素在父级元素容器中,水平方向是居中显示的;有以下几种方法: 方案一:text-align:
八.CSS盒模型
CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model):
7.CSS背景应用小项目
项目1:精灵图使用-用精灵图拼接`hello`字体; 项目2: 放大镜 这个项目要结合后面的知识,才能看懂。
六.CSS背景background
背景 CSS 背景属性用于定义 HTML 元素的背景。 1.标签的背景颜色: 2.裁剪背景: 3.设置背景图片: 4.背景图片的平铺方式: 5.背景图片的位置: 6.源图像的位置: 7.背景关联方式.
五.块元素、行内元素、行内块元素
1.块元素的特性block 独占一行; 宽度缺省是它父级元素的100%,除非设定一个宽度; 高度、行高、外边距、内边距都可以设置 可以容纳其他内联元素或者其他块元素,一般用于配合css完成网页的基本布
四.CSS三大特性
CSS 三大特性 1.继承性 1.1 给父元素设置一些属性, 后代元素也可以使用, 这个我们就称之为继承性; 1.2 只有以color/font-/text-/line-开头的属性才可以继承; 1.3
三.CSS选择器面试相关知识点总结
本文主要讲了CSS中的选择器权重排序与计算,以及如何区分伪类选择器和伪元素选择器,总结了常用的伪类和伪元素
二.CSS选择器
css选择器可以分为三个大类:: 1.基本选择器:* ,.class, id, p; 2.层级/关系选择器:后代,子代,相邻兄弟; 3.伪类选择器
一.CSS属性
1.文字属性 2.文本属性 3.总结1.文字属性 2.文本属性 3.总结1.文字属性 2.文本属性 3.总结1.文字属性 2.文本属性 3.总结