重慶分公司,新征程啟航
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
主要探討HTML5中CSS(層疊樣式表),它是用來對(duì)HTML文檔外觀的表現(xiàn)形式進(jìn)行排版和格式化。
我們提供的服務(wù)有:成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、江門ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的江門網(wǎng)站制作公司
使用CSS
CSS樣式由一條或多條以分號(hào)隔開的樣式聲明組成。每條聲明的樣式包含著一個(gè)CSS屬性和屬性值。
pstyle="color:red;font-size:50px;"這是一段文本/p
解釋:style是行內(nèi)樣式屬性。color是顏色屬性,red是顏色屬性值;font-size是字體大小屬性,50px是字體大小屬性值。
三種方式
創(chuàng)建CSS樣式表有三種方式:1.元素內(nèi)嵌樣式;2.文檔內(nèi)嵌樣式;3.外部引入樣式。
1.元素內(nèi)嵌樣式
pstyle="color:red;font-size:50px;"這是一段文本/p
解釋:即在當(dāng)前元素使用style屬性的聲明方式。
2.文檔內(nèi)嵌樣式
styletype="text/css"
p{
color:blue;
font-size:40px;
}
/style
p這是一段文本/p
解釋:在head元素之間創(chuàng)建style元素,通過選擇器的方式調(diào)用指定的元素并設(shè)置相關(guān)CSS。
3.外部引用樣式
linkrel="stylesheet"type="text/css"href="style.css"
//style.css
@charset"utf-8";
p{
color:green;
font-size:30px;
}
解釋:很多時(shí)候,大量的HTML頁面使用了同一個(gè)組CSS。那么就可以將這些CSS樣式保存在一個(gè)單獨(dú)的.css文件中,然后通過link元素去引入它即可。@charset"utf-8"表明設(shè)置CSS的字符編碼,如果不寫默認(rèn)就是utf-8。曲靖電腦培訓(xùn)認(rèn)為如果有多個(gè).css文件,可以使用@import導(dǎo)入方式引入.css文件。只不過,性能不如多個(gè)link鏈接。
CSS樣式如下:
* {margin:0; padding:0}
div {width:404px; height:404px; border-top:solid 1px #000; border-left:solid 1px #000}
ul {width:100px;list-style:none; border-right:solid 1px #000; float:left}
li {height:100px; border-bottom:solid 1px #000}
DIV布局如下:
div
ul
li/li
li/li
li/li
li/li
/ul
ul
li/li
li/li
li/li
li/li
/ul
ul
li/li
li/li
li/li
li/li
/ul
ul
li/li
li/li
li/li
li/li
/ul
/div
將以上代碼復(fù)制黏貼,寬、高可自行設(shè)定。
建立外部樣式表很簡單,就在html的head里寫
link rel="stylesheet" type="text/css" href="css文件路徑"
至于你上邊說的一大堆css里具體內(nèi)容,建議你去w3school上學(xué)一下css,css很簡單的,還是別指望別人給你寫好了
CSS(層疊樣式表)級(jí)聯(lián)樣式表是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用)或XML
(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語言。
有三種方法可以在站點(diǎn)網(wǎng)頁上使用樣式表:
外聯(lián)式Linking(也叫外部樣式):將網(wǎng)頁鏈接到外部樣式表。
嵌入式Embedding(也叫內(nèi)頁樣式):在網(wǎng)頁上創(chuàng)建嵌入的樣式表。
內(nèi)聯(lián)式Inline(也叫行內(nèi)樣式):應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁元素。
在Dreamweaver 8中,可以在開始彈出框中點(diǎn)擊新建CSS文件。也可以在最上面的菜單欄里占擊
文件,新建。在彈出框中選擇CSS文件就可以了。
一.如果你的機(jī)器已經(jīng)安裝了Visual Studio2005或Visual Studio2008之類的編程軟件的話,可以直接在解決方案里面新建-添加新項(xiàng)-css文件
二.下載個(gè)Dreamwerver,打開-新建css樣式表
可以參考一下,好吧
指定的table為細(xì)邊框,把table放在div中即可。
一、首先新建表格,代碼如下:
table width="500" border="1"? trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td /trtr? tdnbsp;/td tdnbsp;/tdtdnbsp;/td/tr/table。
二、在table里加css樣式,代碼如下:
table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"? tr tdnbsp;/tdtdnbsp;/td tdnbsp;/td /tr tr tdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/table。
三、單元格邊距(表格填充)(cellpadding) -- 代表單元格外面的一個(gè)距離,用于隔開單元格與單元格空間。單元格間距(表格間距)(cellspacing) -- 代表表格邊框與單元格補(bǔ)白的距離,也是單元格補(bǔ)白之間的距離,border-collapse:collapse表示表格的兩邊框合并為一條即可。