Yashon

在CSS学习笔记－－基础（一）中我们认识了什么是CSS， 以及CSS样式设置的一些基本操作和概念， 下面我们继续学习CSS的相关的基础知识和概念。

一、认识CSSCSS的全称为“层叠样式表（Cascading Style Sheets）”，主要用于定义HTML内容在浏览器的显示样式。比如：文字的大小、颜色、字体大小、字体粗细等。p{ font-size:12px; color:red;} 使用CSS的一个好处就是通过定义某个样式， 在网页的不同地方使用到该样式之后， 就会在不同的地方显示相同的

CSS盒模型、布局模型在CSS中， html中的标签元素大体被分为三种不同的类型：块状元素、内联元素（又叫行内元素）和内联块状元素。常用的块状元素有以下这些： 、、...、、、、、、、常用的内联元素有：、、、、、、、、、、常用的内联块状元素：、元素分类－块级元素什么是块级元素？在html中， 、、...、、、、、、、就是块级元素。在开发中

元素的居中设置水平居中设置－行内元素    我们实际的工作中常会遇到需要设置水平居中的场景， 比如文章的标题一般都是要求水平居中显示的。   设置水平居中， 我们需要分为两种情况： 行内元素还是块状元素的水平居中， 块状元素里面又分为定宽块状元素和不定宽块状元素。    如果设置的元素为文本、图片等行内元素时，水平居中是通过给父元素设置text-align:

布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float