Hello CSS
关注
分享
扫一扫
文章平均质量分 79
陈大鱼头
高级前端工程师，《Hello CSS》系列作者
展开
-
【Hello CSS】序章-起源
作者：陈大鱼头github： KRISACHANHTML的诞生HTML是怎么来的？在1982年的时候，万维网的发明者Tim Berners-Lee爵士为了让全世界的物理学家能够方便的进行合作与信息共享，造了HTML(HyperText Markup Language) 超文本置标语言。在1991年3月，Tim Berners-Lee把HTML介绍给了给他在CERN(欧洲核子研...原创 2019-07-23 18:28:28 · 940 阅读 · 0 评论 -
【Hello CSS】第八章-CSS图形
作者：陈大鱼头github： KRISACHAN前言上一节留了一个问题：“为什么 currentColor 是驼峰命名？”。其实也有小伙伴答对了，原因就是因为 currentColor 是作为 SVG 的属性值存在，因此在 CSS 里就保留了这个驼峰写法，顺便提一个冷知识：“ currentcolor 这种全小写的方式也是允许的。 ”小知识分享完，本章开始分享 CSS图形，通过...原创 2019-07-23 20:07:56 · 965 阅读 · 0 评论 -
【Hello CSS】第七章-CSS的继承与可变性
作者：陈大鱼头github： KRISACHAN继承继承（英语：inheritance） 是面向对象软件技术当中的一个概念。在 CSS 中与 层叠（英语：Cascade） 一起描述了如何设置样式规则，并为所有元素的所有属性赋值。这两个属性同属规范 “ CSS Cascading and Inheritance Level ”。CSS中的 继承 实际上是父级元素对子元素的影响。...原创 2019-07-23 20:07:22 · 876 阅读 · 0 评论 -
【Hello CSS】第六章-文档流与排版
作者：陈大鱼头github： KRISACHAN正常流什么是“正常流”？其实就是我们日常所说的“文档流”。在W3C官方文档里对应的是“normal flow”。正常流的盒子属于格式化上下文(FC)，在CSS2.2中可以是表格、块或内联。在CSS3中引入了flex跟grid，当然以后会引入得更多。块级盒子(block-level boxes) 与创建 块级格式化上下文(B...原创 2019-07-23 20:05:47 · 972 阅读 · 0 评论 -
【Hello CSS】第五章-CSS的选择器与函数
作者：陈大鱼头github： KRISACHAN在上一篇的HTML的标签与语意中简单的介绍了HTML标签跟其一些属性，向各位坚持看到这里的亲表示真诚的感谢。本篇主要会分享一些跟**CSS选择器（CSS Selectors）**相关的内容，有兴趣的请继续往下看。CSS选择器（CSS Selectors）啥叫选择器？简单来说就是通过一些定义来选中特定的HTML标签。biu~首先我...原创 2019-07-23 20:05:08 · 1029 阅读 · 0 评论 -
【Hello CSS】第四章-HTML的标签与语意
作者：陈大鱼头github： KRISACHAN上一篇分享了CSS的逻辑属性与盒子模型中分享了一些有关设备屏幕的知识以及浏览器视口的坐标构成。本篇则会分享HTML相关的一些知识。我们在序章的开头就简单的讲解了HTML的诞生历史，本篇不作详细讲解，有兴趣的可以去看wikipedia。HTML大事记首先我们简单地来看一下HTML的发展历程（具体各个版本的区别亦不做讲解）。19...原创 2019-07-23 19:59:11 · 963 阅读 · 0 评论 -
【Hello CSS】第三章-浏览器的视图与坐标
作者：陈大鱼头github： KRISACHAN在上一篇【Hello CSS】的第二章第二章-CSS的逻辑属性与盒子模型中提了个问题：为什么Flex box跟Grid box的是以start、end为排列规则，而不是常规的top 、right 、bottom 跟left？现在各位看官有答案了吗？因为上一篇中有提到过CSS 逻辑属性的变革，从物理概念跳跃到了逻辑概念，也就是从top...原创 2019-07-23 19:49:53 · 1063 阅读 · 0 评论 -
【Hello CSS】第二章-CSS的逻辑属性与盒子模型
作者：陈大鱼头github： KRISACHAN在上一篇【Hello CSS】的第一章CSS的语法与工作流中介绍了CSS的语法规则以及基本的渲染流程。本篇则会分享CSS的逻辑属性以及盒子模型。首先开篇之前先提个问题：为什么Flex box跟Grid box的是以start、end为排列规则，而不是常规的top 、right 、bottom 跟left？先不要急着往下翻，大家先思考...原创 2019-07-23 19:47:40 · 965 阅读 · 0 评论 -
【Hello CSS】第一章-CSS的语法与工作流
作者：陈大鱼头github： KRISACHAN在上一篇【Hello CSS】的序章CSS起源中介绍了CSS的诞生原因以及发展历史，了解了CSS的存在意义。从正篇篇开始将会正式开始介绍CSS这门语言的特点与功能。本篇则主要介绍CSS的语法与CSS是如何工作的。CSS语法1. 基本规则CSS规则主要由两部分组成：选择器(selector)与声明(declarations)。选...原创 2019-07-23 18:29:26 · 995 阅读 · 0 评论 -
【Hello CSS】第九章-如何画一个体验更好的动画？
作者：陈大鱼头github： KRISACHAN在上一节中， 不走心 地画了一些 CSS图案 ，本节就继续不走心地 画动画 。CSS的动画属性在CSS中，animation 、 transition 跟 transform 使我们常用于制作动画的属性，我们先来大致地来了解下这三个属性。transformCSS transform 属性允许你旋转，缩放，倾斜或平移给定元素。...原创 2019-07-29 14:52:01 · 1135 阅读 · 1 评论