CSS基础知识

一、CSS的中文、英文

二、CSS的注释

三、CSS的样式（3种）

四、CSS的优先级：内联样式最高，

                  内部和外部样式后写的优先级高

五、CSS的选择器：

元素选择器、ID选择器、class选择器、通配选择器、群组选择器、子代选择器、后代选择器、伪类选择器

六、CSS属性

宽和高

字体：字体颜色、字体大小、字体加粗、字体倾斜、字体（font-famliy）

文本水平对齐方式：text-align:left\center\right\justify

行高：line-height

列表样式：list-style-type/ list-style:none（去点）

Disc(实心圆)、circle(空心圆)、square(实心正方形)

浮动：float：left、right、none

边框：border:线宽 线型 颜色

线型：实线（solid）、虚线（dotted、dashed）

上边框、下边框、左边框、右边框

top：上    bottom：下     left:左     right：右 

外边距：margin

内边距：padding

一个值：上下左右

两个值：上下  左右

三个值：上  左右  下

四个值：上  右  下  左

标签水平居中：margin:0 auto;

背景：background:纯颜色/背景图片

背景颜色：background-color:颜色值/颜色英文

背景图片：background-image:url(图片地址)

平不平铺：background-repeat:no-repeat/repeat-x/repeat-y/repeat

位置：background-position:x  y

Background：背景颜色   图片地址   是否平铺   位置

透明度：只有背景透明：background:rgba(0-255,0-255,0-255,0-1)

        背景和内容透明：opacity：0-1

定位：position

相对定位：占位置  relative

绝对定位：不占位置   absolute

固定定位：fixed

溢出：overflow

超出部分隐藏：overflow：hidden

水平滚动条：overflow-x:scroll

竖直滚动条：overflow-y:scroll

滚动条：overflow:scroll

元素转换：

行转块：display:block

块转行：display：inline

display：inline-block

隐藏：display:none

Html:中文：  超     文本    标记      语言

     英文：Hyper    text     Markup    Language

行内元素：a   span   b   i    strong    em     s    del   sup  sub   mark…….

块状元素：h1-h6  div   p   hr   ul   li   ol   dl   dd  dt  …….

H1-h6:字体加粗，h1-h6字体从大到小，可以设置任何样式

div: 可以设置任何样式

p：段落标签，可以设置任何样式

列表：有序、无序、自定义

有序（ol ）

列表序号类型	数字（默认值）	大写罗马数字	小写罗马数字	大写英文字母	小写英文字母
Type属性值	1	I	i	A	a

属性
Start	定义列表序号类型的起始值
reversed	倒叙
value	定义某个li的值

例子：

<ol start="10" reversed="">

                  <li>11</li>

                  <li>11</li>

                  <li>11</li>

                  <li>11</li>

                  <li value="4">11</li>

                  <li>11</li>

                  <li>11</li>

                  <li>11</li>

</ol>

无序（ul）

列表序号类型	实心圆（默认值）	空心圆	实心正方形	无样式
Type属性值	disc	circle	square	none

自定义列表：（dl）

<dl>

         <dd>被解释内容</dd>

<dt>解释内容</dt>

<dt>解释内容</dt>

<dt>解释内容</dt>

</dl>

表格：table

行：tr    单元格：td/th(居中且加粗)

表格标题：caption

表格背景：bgcolor

表格边框：border

表格边框颜色：bordercolor

双线变单线：cellpadding=”0”   cellspacing=”0”

合并行：rowspan

合并列：colspan

居中：align=”center”   在table里是整个表格居中

                     在tr/td里是文字居中

图片：img

src:地址  相对地址和绝对地址

          相对地址有3种

alt:替换文本

title：划上显示提示文本

链接：a

空链接：<a  href=”#”> …. </a>

a标签属性	href	title	target
	地址	划上显示提示文本	目标窗口的打开方式（_self:在当前窗口中打开; _blank:在新窗口中打开）

去下划线：text- decoration：none

锚点：建立锚点