原创 div+css佈局

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

2018-09-12 04:11:16

原创 CSS畫圓角

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

2018-09-12 04:11:16

原创 CSS樣式四種引入方式

第一種將樣式代碼寫在頁面<style>......</style>標籤之中，用<style>......</style>標籤將body設置一個灰色的背景：<!DOCTYPE html> <html>  <head>   <meta char

2018-09-12 04:11:16

原创 塊狀元素與內聯元素的轉換

     在佈局頁面的時候，HTML標籤分成兩種，塊狀元素和內聯元素（我們平時用到的標籤div和p就是塊狀元素，鏈接標籤a就是內聯元素）。它們是很重要的兩個概念，既然說到概念就先看看塊狀元素和內聯元素的定義，在定義中你要留意它們兩個的不同之

2018-09-12 04:11:16

原创 CSS初始化

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

2018-09-12 04:11:15

原创 HTML中的塊級元素和內聯元素記錄

html塊狀元素、內聯元素  塊級元素的分類塊級元素按照其應用於結構還是內容分爲三種：結構化塊狀元素，終端塊狀元素，多目標塊狀元素。  結構化塊狀元素  這類元素用於構造文檔的結構，一個好的文檔結構對於搜索引擎和應用其他技術（如JavaSc

2018-09-12 04:11:15 3

原创 css浮動屬性，田字格佈局效果

    float屬性的作用就是改變塊元素對象的默認顯示方式，block對象設置了float屬性之後它將不再獨自佔據一行，脫離原有的圖層，可以浮動到左側或右側，利用浮動屬性來寫一個田字格佈局。首先我們先建立四個div，分別設置一下id當然也

2018-09-12 04:11:15 14