css层叠样式表(一)
生活随笔
收集整理的這篇文章主要介紹了
css层叠样式表(一)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
今天研究了下css。這東東入門不算難。可是想寫出好的樣式就得有很深的功底了。按照老大給網(wǎng)址,12天學(xué)會網(wǎng)頁設(shè)計。做下總結(jié)吧。css通過div(層)來定位,通過層的margin,padding,border等屬性來控制板塊的間距。常用的模型是盒狀模型。對于margin,padding這兩個屬性不能定義顏色。舉一個例子:
? #smaple
{
??? MARGIN:10px,10px,10px,10px;
??? PADDING:20px,10px,10px,20px;
??? BORDER-TOP:#CCC2px solid;
??? BACKGROUND:url()#FEFEFE no-repeat rightbottom;
??? COLOR:#666;
?? TEXT-ALIGN:center;
?? LINE-HEIGHT:150%;
?? WIDTH:60%;
}
<DIV ID=sample;
在這個例子中,MARGIN是指層的邊框以外留的空白,用于邊距或者其他層制造一各間距。若四個邊距相同可縮寫成MARGIN:10PX;PADDING指層的邊框到層內(nèi)容之間的空白。可以單獨指定,如PADDING-LEFT,PADDING-TOP等。若是四個間距都設(shè)置,則是按照上右下左順時針的順序來指定的。對于BORDER,是指邊框到頁面之間的距離。看到過一個例子中,有設(shè)定LEFT的,不知道這些個TOP,RIGHT,BOTTOM,LEFT,是不是和BORDER-TOP...BORDRE-LEFT都是指該層到頁面的距離。老大說不是的,但是具體怎樣還得等他的答案。呵呵,不用他說,我想我已經(jīng)明白了。BORDER-LEFT之類是指左邊框。而LEFT是指層距離顯示器或者說頁面的距離。當(dāng)然left有時候還指對齊方式。
COLOR,TEXT-ALIGN之類指字體的顏色,對齊方式。而如果對于字體有了多次定義,則以最近的為準(zhǔn)。
css層疊樣式表不能單獨使用,必須在一個html文件之中。調(diào)用css只要在<body>中使用<div>來定義。
對于要制作一個網(wǎng)站。第一步:必須首先要定義文檔類型,也就是DOCTYPE(DTD)。有transitional,strict,framset三類。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Framset//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml-framset.dtd"> 第二步:要加名字空間,聲明之后允許你通過一個網(wǎng)址指向你的標(biāo)識。<html xmlns=http://www.w3.org.2006/xhtml lang="gb2312">第三步:要定義語言編碼.<?xml version="1.0" encoding="gb2313"?> 在head區(qū)的設(shè)置加入收藏夾,設(shè)置站點作者信息,簡要介紹,關(guān)鍵詞等。
? #smaple
{
??? MARGIN:10px,10px,10px,10px;
??? PADDING:20px,10px,10px,20px;
??? BORDER-TOP:#CCC2px solid;
??? BACKGROUND:url()#FEFEFE no-repeat rightbottom;
??? COLOR:#666;
?? TEXT-ALIGN:center;
?? LINE-HEIGHT:150%;
?? WIDTH:60%;
}
<DIV ID=sample;
在這個例子中,MARGIN是指層的邊框以外留的空白,用于邊距或者其他層制造一各間距。若四個邊距相同可縮寫成MARGIN:10PX;PADDING指層的邊框到層內(nèi)容之間的空白。可以單獨指定,如PADDING-LEFT,PADDING-TOP等。若是四個間距都設(shè)置,則是按照上右下左順時針的順序來指定的。對于BORDER,是指邊框到頁面之間的距離。看到過一個例子中,有設(shè)定LEFT的,不知道這些個TOP,RIGHT,BOTTOM,LEFT,是不是和BORDER-TOP...BORDRE-LEFT都是指該層到頁面的距離。老大說不是的,但是具體怎樣還得等他的答案。呵呵,不用他說,我想我已經(jīng)明白了。BORDER-LEFT之類是指左邊框。而LEFT是指層距離顯示器或者說頁面的距離。當(dāng)然left有時候還指對齊方式。
COLOR,TEXT-ALIGN之類指字體的顏色,對齊方式。而如果對于字體有了多次定義,則以最近的為準(zhǔn)。
css層疊樣式表不能單獨使用,必須在一個html文件之中。調(diào)用css只要在<body>中使用<div>來定義。
對于要制作一個網(wǎng)站。第一步:必須首先要定義文檔類型,也就是DOCTYPE(DTD)。有transitional,strict,framset三類。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Framset//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml-framset.dtd"> 第二步:要加名字空間,聲明之后允許你通過一個網(wǎng)址指向你的標(biāo)識。<html xmlns=http://www.w3.org.2006/xhtml lang="gb2312">第三步:要定義語言編碼.<?xml version="1.0" encoding="gb2313"?> 在head區(qū)的設(shè)置加入收藏夾,設(shè)置站點作者信息,簡要介紹,關(guān)鍵詞等。
轉(zhuǎn)載于:https://www.cnblogs.com/huqianqian/archive/2006/01/04/310942.html
總結(jié)
以上是生活随笔為你收集整理的css层叠样式表(一)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 有感于框架设计难,实施框架更难!
- 下一篇: 求你是人间四月天歌词!