原创 css常用選擇器

CSS常用選擇器:標籤選擇器,類選擇器,ID選擇器,派生選擇器,子選擇器,組合選擇器1:標籤選擇器:如果是一個聲明,則不需要帶分號,如果是多個聲明,則最後一個聲明不需要帶分號h1{     color: red }h1{     color

原创 相對定位與絕對定位

<!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></title>   <style>    #test1{     width:400px;     heig

原创 CSS初始化

相同的元素,如li,在不同的瀏覽器下顯示的效果稍有不同,是因爲各瀏覽器對各元素的margin,border等初始值及font-size等略有不同,如何杜絕這種情況,通過CSS強制讓所有元素的屬性值都一樣,這樣瀏覽器顯示就一致了,減少了不兼容

原创 CSS僞類

<!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></title>   <style>    a{     color:black;    }

原创 div+css佈局

製做網頁先從佈局開始,將一個網頁分成四塊,用div畫塊佈局,塊畫好了,打開是一片空白的,div只是將網頁分塊,但要顯示塊的大小顏色,我們就需要用CSS來控制,以下將div設置爲寬爲300px,高爲200px,背景色爲藍色,出來的效果如下: 

原创 色彩的表示

<!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></title>  </head>  <body>  <pre>   1、顏色是由數字來表示   2、顏色由3

原创 css常用選擇器

CSS常用選擇器:標籤選擇器,類選擇器,ID選擇器,派生選擇器,子選擇器,組合選擇器1:標籤選擇器:如果是一個聲明,則不需要帶分號,如果是多個聲明,則最後一個聲明不需要帶分號h1{     color: red }h1{     color

原创 CSS控制段落

CSS控制文本樣式的顯示,以下就舉一兩個小例子:<!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></title>   <style>    #p1{     

原创 css字體設置技巧

在設置網頁時會選擇一些新鮮或花樣的字體,但並不是所有用戶都有這種字體,那麼這個時候怎麼樣做更穩妥? <!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></tit

原创 尺寸的表示

<!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></title>   <style>    #par{     width:600px;     height

原创 CSS僞類

<!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></title>   <style>    a{     color:black;    }

原创 css控制文字大小、字體及顏色

css控制文字大小、字體及顏色: <!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></title>   <style>    #div1{   

原创 相對定位與絕對定位

<!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></title>   <style>    #test1{     width:400px;     heig

原创 css設置背景色和背景圖片

用css設置背景色和背景圖片:<!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></title>   <style>    body{     backgrou

原创 div+css完成首頁佈局

要完成一個簡單的網站首頁並不難,我們只要尋找到方法便很容易,完成一個簡單的網站首頁我們只要將整體的首頁佈局用div+css寫出來然後再填充內容那麼一個簡單的網站首頁便可以完成了,那麼我們一步一步來實現他們,首先我們從宏觀的角度將首頁分成幾大