css概念：css全稱為cascading style sheets 也就是「層疊樣式表」。
css最大的特點就是它的「層疊性」，設定的樣式可以層層疊加，相當靈活。
首先我們要明白css是用來幹嘛的，從服務物件上來說，css的誕生就是
為了更好的展示**資訊。從功能上來說，就是布局與美化頁面。
css魔法王國的主要人員是魔法師（屬性）以及他們手中的法杖（選擇器
），他們每天的工作就是對各種魔法石（各種html標籤）施展魔法技能（屬
性值）。
css的屬性眾多，有點類似於我們現實世界中的名字，例如高度（height
），寬度（width）。
css中屬性值有多種，可以是英文單詞如：left center normal等；也可
以是數字、數字+單位以及百分比；還有表示顏色的值如：#fff表示白色。
css中的選擇器就是瞄準鏡，它能精準地幫你鎖定你所需要的目標元素。
下面簡單介紹一些常用的選擇器種類：
①標籤選擇器：直接選中標籤即可如：div span；
②類選擇器：根據定義好的類名來選擇標籤如：.w960 .header；
③id選擇器：根據定義好的id選擇對應標籤，具有唯一性，如：#lbl；
④後代選擇器：在父標籤後加個空格然後選中子標籤即可，如：div p
⑤通用選擇器：選中所有標籤，通常用於reset.css。
如： *
宣告就是屬性名+屬性值，也叫鍵值對，例如：font-style
: normal;
宣告塊就是一系列的宣告，例如：width
:100px;
height
:100px;
font-style
: normal;
color
:#ccc;
當擁有了選擇器和宣告塊，規則集就形成了，它是構成css大廈的一
塊塊磚。結構如下：
.business h3
子元素可以繼承父元素的部分樣式（以text-，font-，line-開頭
的屬性以及color屬性）。
當我們對某乙個標籤以多種不同的方式設定同樣的樣式時，哪種方式
設定的樣式會起作用呢？
①行內樣式 > 內部樣式 = 外部樣式（就近原則）；
②id選擇器 > 類選擇器 > 標籤選擇器；
③自身的預設樣式 > 繼承的樣式 ；
④根據權重進行比較 id選擇器:100 類選擇器:10 標籤選擇器:1
加一起，哪種方式多哪種方式的樣式就起效，如果一樣多，採取就近原則；
⑤可以使用!important 改變優先順序。
css布局需要注意的主要有兩塊：①盒子模型；②塊級元素的併排顯示。每乙個元素都可以看成乙個盒子，盒子分為男盒子和女盒子。
①男盒子：男標籤、塊級元素
②女盒子：女標籤，行內元素
盒子有六大屬性，學習盒子模型就是學習這六大屬性：
①寬 width
②高 height
③邊框 border
④內填充 padding
⑤外填充 margin
⑥背景 background
class
="box"
>
boxdiv
>
.box
2. 塊級元素併排顯示
1）行內塊：
我們可以直接將需要併排顯示的塊級元素設定為行內塊：
display：inline-block；
浮動最初實現的功能是字圍效果，後被用於實現塊級元素的併排顯示。
左右浮動float：left/right 可使元素半脫離標準文件流，有點類
似與display：inline-block的效果，且具靈活性。
元素浮動後會對其前後的元素造成影響，因此需要清除浮動。
a. 清除對父元素造成的影響：
①給父元素新增宣告：overflow：hidden；
②給父元素新增高度（加高法/內牆法）
b. 清除對兄弟元素造成的影響：
給被影響的兄弟元素新增宣告：clear：both；
通過position：relative/absolute可以將塊級元素設定在瀏覽
器的任何位置，並且其原本存在的位置繼續儲存。使用定位前我們需要
給它的父元素設定乙個定位點，即position屬性，不需要設定具體位置
，然後就可以定位塊級元素了。
.father
.son
常用的css字型屬性如下：
①font-family：設定字型型別；
②font-size: 設定字型尺寸；
③font-weight:設定字型粗細；
④font-style:設定字型風格；
⑤font：以上四個的復合屬性；
⑥color：設定字型顏色。
常用的css文字屬性如下：
①color：設定文字顏色；
②text-align：設定文字對齊方式；
③text-indent：設定文字首行的縮排；
④text-decoration：給文字新增修飾；
⑤line-height：設定文字的行高；
⑥white-space：設定文字中空白的處理方式；
常用的css列表屬性如下：
①list-style-type：設定列表前標誌型別；
②list-style-image：將圖象設為列表標誌；
③list-style-position：設定列表標誌的位置；
④list-style：以上的復合屬性。
常用的css**屬性如下：
①border-collapse：**邊框是否合併為單元邊框；
②border-spacing：設定單元格邊距；
③empty-cells：設定空白單元格的顯示與隱藏；
④caption-side：設定**標題的位置。
FZU 1896 神奇的魔法數
description john定義了一種 神奇的魔法數 不含前導零且相鄰兩個數字之差至少為m的正整數被稱為 神奇的魔法數 特別的，對於任意的m，數字1.9都是 神奇的魔法數 john想知道，對於給定的m，在正整數a和b之間，包括a和b，總共有多少個 神奇的魔法數 input 第一行乙個數字t 1 ...
css神奇的屬性
滾動條相關樣式 作用例子 webkit scrollbar 定義滾動條整體的樣式 display none 隱藏滾動條 webkit scrollbar thumb 滑塊部分 webkit scrollbar thumb webkit scrollbar thumb 軌道部分 webkit scro...
CSS魔法堂 Position定位詳解
一 position各屬性值詳解 1.static 預設值，元素將按照正常文件流規則排列。2.relative 相對定位，元素仍然處於正常文件流當中，但可以通過left top right和bottom的css規則來改變元素的位置。注意點 a 元素原來位置將保留，不被其他元素所佔據 b 當使用lef...