div+css 製作網頁

對於div我的個人理解是把一個頁面劃塊,就是貼上一層紙作爲模板真正做的是div塊結構,把頁面劃分很多塊後再用css裝飾頁面,相對來說就是以前的table來說方便好用;

css(選擇器,屬性,值)3種引入方式:(符號選擇器,類選擇器,id選擇器)
1.body內
<標籤 style="font-size:10pt">//內嵌

2.head內
主要有三種

stytle
1.標籤{ 屬性:值};//符號選擇器
2. “#” id名字{屬性:值};//id選擇器
3. dian名字{屬性:值}//類選擇器
/stytle

body中調用:
2<標籤 id = “id名字”>
3 <標籤 class=“名字”>
3.外文件:
style type="text/css">
@import 
 url (h3.css);
style



ul li 標籤裏的文字在div裏面溢出的原因:
因爲ul和li是有默認邊框的,而div也有長度和寬度,不合理設置的話li內的文字是會出現在div和外部之間或者下面的解決辦法吧ul的
ul{
    list-style-position:inside;
    list-style-type:square;
    margin: 0;//邊框設置爲零
    padding:0; //裝墊設置爲零
    }
常見的屬性作用:
1.將文字圖像想左或右靠齊:align=“right”;
2.背景顏色 blackground=red;
3.空格 ;
常規div屬性設置:
 #divcenter5{
    position:absolute;//相對父類頁面絕對定位
    border-style:none;//邊框樣式;
    background:yellow;背景顏色
    width:440px;//寬度
    height: 265px;//長度
    top:779px;//距離div頂部距離
    left:760px;//距離div左部距離
    }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章