摘要：
03-CSS样式表和选择器 #本文主要内容 CSS概述 CSS和HTML结合的三种方式：行内样式表、内嵌样式表、外部样式表 CSS四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器 CSS几种扩展选择器：后代选择器、交集选择器、并集选择器 CSS样式优先级 #前言 #CSS 概述 CSS： 阅读全文
摘要：
02-CSS属性：背景属性 #background 的常见背景属性 css2.1 中，常见的背景属性有以下几种：（经常用到，要记住） background-color:#ff99ff; 设置元素的背景颜色。 background-image:url(images/2.gif); 将图像设置为背景。 阅读全文
摘要：
01-CSS属性：字体属性和文本属性 #本文重要内容 CSS的单位 字体属性 文本属性 定位属性：position、float、overflow等 #CSS的单位 html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。 CSS中的单位是必须要写的，因为它没有默认单位。 阅读全文
摘要：
07-CSS面试题 #常见问题 #你是如何理解 HTML 语义化的？ 语义化：指对文本内容的结构化（内容语义化），选择合乎语义的标签（代码语义化）。 举例：段落用 p，边栏用 aside，主要内容用 main 标签。 好处： 便于开发者阅读和维护 有利于SEO：让浏览器的爬虫和辅助技术更好的解析， 阅读全文
摘要：
06-CSS开发积累 #让flex盒子中的子元素们，居中 flex布局常用的三行代码： display: flex; justify-content: center; // 子元素在横轴的对齐方式 （左右居中） align-items: center; // 子元素在竖轴的对齐方式（上下居中） #让 阅读全文
摘要：
05-CSS的一些小知识 #隐藏盒子的几种方式 隐藏盒子，有以下几种方式： （1）方式一： overflow：hidden; //隐藏盒子超出的部分 （2）方式二： display: none; 隐藏盒子，而且不占位置(用的最多) 比如，点击X，关闭京东首页上方的广告栏。 （3）方式三： visib 阅读全文
摘要：
04-如何让一个元素水平垂直居中？ #前言 老板的手机收到一个红包，为什么红包没居中？ 如何让一个子元素在父容器里水平垂直居中？这个问题必考，在实战开发中，也应用得非常多。 你也许能顺手写出好几种实现方法。但大部分人的写法不够规范，经不起千锤百炼。换句话说：这些人也就面试的时候夸夸其谈，但真的上战场 阅读全文
摘要：
03-网页设计和开发中，关于字体的常识 #前言 我周围的码农当中，有很多是技术大神，却常常被字体这种简单的东西所困扰。 这篇文章，我们来讲一讲关于字体的常识。这些常识所涉及到的问题，有很强的可操作性，都是在实际业务中真实遇到的，都是需要开发同学和产品经理、设计师不断重复沟通的。 字体真的只是“系统默 阅读全文
摘要：
02-CSS布局 #前言 #常见的布局属性 （1）display 确定元素的显示类型： block：块级元素。 inline：行内元素。 inline-block：对外的表现是行内元素（不会独占一行），对内的表现是块级元素（可以设置宽高）。 （2）positon 确定元素的位置： static：默认 阅读全文
摘要：
01-CSS中的非布局样式 #前言 CSS中，有很多非布局样式，这些样式（属性）和与布局无关，包括： 字体、字重、颜色、大小、行高 背景、边框 滚动、换行 装饰性属性（粗体、斜体、下划线）等。 这篇文章，我们来对上面的部分样式做一个回顾。 #边框 如何用边框画一个三角形？详见《02-CSS基础/06 阅读全文