css四大布局 第9天:第一個CSS布局實例?
第9天:第一個CSS布局實例?1. 創(chuàng)建新的HTML頁。2. 在HTML頁面上創(chuàng)建三個新的div標記,并為這三個div標記添加header、main和footer類。3. 創(chuàng)建一個樣式標簽來設(shè)置CSS
第9天:第一個CSS布局實例?
1. 創(chuàng)建新的HTML頁。
2. 在HTML頁面上創(chuàng)建三個新的div標記,并為這三個div標記添加header、main和footer類。
3. 創(chuàng)建一個樣式標簽來設(shè)置CSS樣式。在title標簽下創(chuàng)建一個樣式標簽,然后為header類設(shè)置div高度和背景顏色樣式。
4. 設(shè)置顯示主要內(nèi)容的主類的樣式。在“樣式”選項卡中設(shè)置主樣式的邊框、寬度、高度和背景色。
5. 設(shè)置底部頁腳的樣式。將頁腳類樣式的背景色和高度添加到樣式標記中。
6. 保存HTML文件后,使用瀏覽器查看效果。
7. div標簽和瀏覽器中有一些空白像素。為了移除這些空白像素,我們需要將body標記設(shè)置為外部邊界。
8. 使用瀏覽器重新打開后,您無法看到div和瀏覽器之間的空白邊框。
css表格實例:設(shè)置表格的布局?
這里我們需要使用工具,代碼編輯器EDITPLUS和browser
代碼編輯如下:
<html>
<head>
<style type=“text/CSS”>表1
{
表格布局:自動
}表2
{
表格布局:已修復(fù)
}
</style>
</head>
<body>
<table class=“一”border=“1”width=“100%”>
<tr>
<td width=“20%”>1000000000000000</td>
<td width=“40%”>10000000</td>
<td width=“40%”>100</td>
</tr>
</table>
<br/>
<table class=“2”border=“1”width=“100%”>
<tr>
<tdwidth=“20%”>1000000000000000000000</td>
<td width=“40%”>10000000</td>
<td width=“40%”>100</td>
</TR>
</table>
</body>
</HTML>
有html、css和JavaScript基礎(chǔ),但是沒有響應(yīng)式和流式布局等經(jīng)驗,應(yīng)該看什么書?
我認為沒有必要閱讀有關(guān)響應(yīng)和流式布局的書籍。這只是一個基本用法的問題。讀幾篇文章就行了!或者看看相關(guān)的API文檔就行了
!這種東西不是技術(shù)的問題,個人感覺是熟練使用的問題,是記憶的問題,經(jīng)常使用。