精通CSS.DIV網頁樣式與布局,精通css.div樣式
CSS:Cascading Style Sheet——層疊樣式表
概念:控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言。
CSS選取器:1、標記選取器
h1{color:red;font-size:10px;}
2、類別選取器
.class{color:red;font-size:10px;}
3、ID選取器
#id{color:red;font-size:10px;}
濾鏡的概念: CSS濾鏡並不是瀏覽器的外掛程式,也不符合CSS標準,而是微軟公司為增強瀏覽器功能而特意開發的並整合在IE瀏覽器中的一類功能的集合。
總結圖:
CSS文字效果:為了使我們的網頁製作的漂亮,文字效果是必不可少的。漂亮的文字,使我們的網頁更加絢麗。文字屬性:字型、大小、顏色、粗細、斜體、底線、頂劃線、刪除線、英文字母大小寫。例子:如下文字效果
代碼:
body{font-size:24px; /*文字的字型*/color: #fff; /*文字的顏色*/font-weight:bold; /*文字加粗*/font-style:italic; /*文字斜體*//*文本陰影製作效果*/text-shadow:0 0 5px #CCCCCC, 0 0 10px #CCCCCC, 0 0 15px #CCCCCC, 0 0 20px #095816, 0 0 25px #095816, 0 0 30px #095816, 0 0 50px #095816, 0 0 80px #095816, 0 0 100px #095816, 0 0 150px #095816;}
段落效果:1、對齊:水平和垂直
2、間距設定:行間距、字間距3、首字母放大
圖片效果:1、樣式:圖片邊框、圖片縮放
2、對齊:橫向、縱向
3、混排:文字環繞
總結:CSS能夠對網頁中的對象的位置排版進行像素級的精確控制,擁有對網頁對象和模型樣式編輯的能力,並且能夠進行初步互動設計。具有較強的易讀性。