摘要：
实现下面效果 核心思路 把链接a转换为块级元素，这样链接就可以单独占一行，并且有宽度和高度 鼠标经过a时 设置背景颜色 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>案例二-侧边栏</title> <style> /* 阅读全文
摘要：
什么是元素显示模式 元素显示就是元素（标签）以什么方式进行显示。比如，<div>自己独占一行，一行可以放多个<span>。 作用：网页中的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的页面。 元素显示模式的分类 HTML元素一般分为块元素和**行内元素（内联元素）** 阅读全文
摘要：
复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素（标签） 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 常用的复合选择器包括： 后代选择器 子选择器 并集选择器 伪类选择器 后代选择器 后代选择器又称为包含选择器，可以选择父元 阅读全文
摘要：
Emmet语法的前身是Zen coding，它使用缩写，来提高html/css的编写速度。 几种常用的编辑器（PyCharm，VSCode，HBuilderX...）都已集成了Emmet语法 快速生成HTML结构语法 生成标签直接输入标签名按tab健即可。比如：div 然后tab键，就可以生成<di 阅读全文
摘要：
css没有给我们提供文字垂直居中的代码,这里我们可以使用一个小技巧来实现. 解决方案: 让文字的行高等于盒子的高度就可以让文字在当前盒子内垂直居中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单行文字垂直 阅读全文
摘要：
实现下面效果 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>综合案例</title> <style> body { /* 设置文字大小/行高 字体样式 */ font: 16px/28px 'Microsoft YaH 阅读全文