CSS架构

一.颜色与单位
颜色:

1. 前景色与背景色：设置文本和背景颜色

爱新觉罗

1. 颜色的命名：

呼延觉罗

1. 透明度：是以opacity定义元素透明度；范围值0到1.0

二。文本

结构化元素:

1. 标题元素；标题大小用h1到h6表示

常用的h1到h3，h1最大，h6最小

犬夜叉
犬夜叉
犬夜叉
犬夜叉
犬夜叉
犬夜叉

1. 段落元素；是以p元素定义的

Lorem ipsum dolor sit amet, consecteturconsequuntur dolor eaque facere facilis magnam, modi officiis pariatur possimus quasi, rerum sunt .
adipisicing elit. Atque cupiditate eos facere. A accusamus asperiores, at consectetur 

1. 其他结构化元素

• 粗体元素是以b元素定义的
• 斜体元素是以i元素定义的
• 上下标元素是以sup元素定义的

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at autem deleniti, dolor eos modi nihil recusandae vel. Aspernatur beatae blanditiis, ea fugiat maxime neque nobis non sequi veritatis vero.
E=MC2公式
H20

4.换行符与水平线；换行是以br元素定义的，水平线是以hr元素定义的
5.空白元素；是以p元素定义的，两个空格以上的，只显示一个空格

爱     新觉罗

语义化元素:

呼延觉罗呼延觉罗

呼延觉罗呼延觉罗



    
东北三省又称“东三省”，为东北清朝末年以后的三个行政区，与地理文化上的东北地区没有关系


说明:声明不是一个HTML

东北三省又称“东三省”为东北清朝末年以后的三个行政区，与地理文化上的东北地区没有关系


东北三省又称“东三省”为东北清朝末年以后的三个行政区，与地理文化上的东北地区没有关系

    
东三省
    
吉林省吉林市

内容修改元素；以ins表示带有下划线的文本
以del表示带有删除线的文本

东北 三省 又称 东三省

字体样式:

1. 字体系列；以font-family表示

1. 字体大小；是以font-size用于设置字体大小

1. 粗体；是以font-weight用于设置字体粗细程度

4.font属性；是可同时设置字体的样式

    
呼延觉罗
爱新觉罗

二。文本样式:

1. 文本装饰；

 
爱新觉罗

1. 行间距；

呼延觉罗

爱新觉罗

1. 字母间距和单词间距；

aixinjueluo
front end dev
爱新觉罗

1. 水平对齐方式；

爱新觉罗
爱新觉罗
爱新觉罗
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam aut facere fugit ipsa iste laboriosam natus nulla, 

1. 垂直对齐方式；

Lorem ipsum  dolor sit amet, consectetur adipisicing elit.