常见样式属性及值

字体:

font

-family

-size

-style: normal(正常)|italic(倾斜)|oblique

-weight: normal|bold(粗体)

如果组合起来编写: font: style weight size family

字体大小的单位可以是 px, em, rem, pt, cm, mm, in, pc

下划线（_）在Python语言中有特殊作用。

在大多数编程语言中，下划线是命名变量或者函数名称时的连字符，但是，在Python语言中，不仅如此。如果你是一名Python程序员，对于诸如 _ in range(10) , __init__(self) 之类的下发肯定熟知。

本文将详述下划线（_）的使用方法，帮助初学者理解它。

在Python语言中，下划线主要应用在如下5个方面：

SASS能够将代码分割为多个片段，并以underscore风格的下划线作为其命名前缀（_partial.scss），SASS会通过这些下划线来辨别哪些文件是SASS片段，并且不让片段内容直接生成为CSS文件，从而只是在使用@import指令的位置被导入。CSS原生的@import会通过额外的HTTP请求获取引入的样式片段，而SASS的@import则会直接将这些引入的片段合并至当前CSS文件，并且不会产生新的HTTP请求。下面例子中的代码，将会在base.scss文件当中引入_reset.scss片断。

超链接是网页的基本元素之一，几乎每个网页我们都可以看到超链接。在之前讲 HTML 的时候就讲过，超链接会自带一些默认样式，例如未点击的超链接会显示带下划线的蓝色字体、点击时字体变为红色、点击后字体变为紫色。这种点击前后不一致的样式，其实是超链接的伪类样式，伪类就是不根据名称、属性或者内容，而是根据标签处于某种行为或状态时的特征来修饰样式，也就是说超链接将根据不同的状态显示不同的样式。

去掉链接的下划线

首先，我们知道超链接本身是带有默认下划线的，但是一般我们在网页中看到的超链接都是没有下划线的，那么要如何去掉超链接的下划线呢？ 其实前面我们讲文本样式的时候提到过，就是使用 text-decoration 属性。

shenlan-ui (UI根目录)
|--src (核心样式代码)
| |--shenlan-ui.css (UI的主样式文件)
| |--common.css (公共样式文件)
| |--reset.css (CSS-Reset文件)
| |--layout.css (组件文件：图标样式)
| |--... (其他组件文件)
|
|--demo (演示文件目录)
|--layout.html (布局样式文件)
|--... (其他组件的样式文件)

直奔主题，CSS的三大特性：继承性，层叠性，优先级

一、继承性

作用： 给父元素设置的一些属性，子元素和后代元素也有权使用

注意：并不是所有的属性都能够继承，只有color / font- / text- / line

大家好，我是皮汤。最近一直在研究 TailwindCSS 相关的内容，打算将其用在接下来的各种项目中，之前也写过关于 CSS 工程化方面的文章：2021 年你需要之前的 CSS 工程化技术，今天给大家介绍一篇关于 Tailwind 最新发布的 v3.0 相关的内容。