日韩三级电影在线观看,青娱乐青青草,婷婷人人爽人人爽人人片,最新国产毛2卡3卡4卡

Web前端知識

首頁 > 免費 > Web前端知識 >

HTML與CSS簡介(一)

來源:北京匯仁智杰科技有限公司   時間:2016-11-16   點擊:

HTML

網(wǎng)頁的核心是內(nèi)容與樣式,HTML就是其前者——內(nèi)容。脫離了內(nèi)容的樣式是沒有意義的,也就是說離開HTML光談CSS是沒有意義的。HTML語言其實很好辨認,由兩個尖括號:<和>包起來的就被稱為標簽,如果你看到某個文檔里時不時出現(xiàn)標簽,那這份文檔十有八九都是由HTML語言(或者它的親戚XML)寫成的。

而由一對標簽(比如和)包起來的所有文字內(nèi)容,便被稱為元素。元素開頭的標簽就被稱為開始標簽,而末尾的標簽則被稱為結(jié)束標簽。開始標簽和結(jié)束標簽之間可以沒有任何文字;

有一種特殊的自閉合標簽,比如水平線或者圖片,它們的斜杠位于尖括號里面,這樣的標簽本身就是一個元素。

元素都有它的名字,名字就是開始標簽的那個尖括號后面的第一個單詞,這個名字是給電腦看的,但它很重要!因為:

某些元素只能位在特定的元素內(nèi)。

某些元素只能位在特定的位置上。

關(guān)于HTML,我要說的最后一個東西就是屬性。屬性會出現(xiàn)在元素的開始標簽里,通過空格區(qū)分不同的屬性,而寫法是屬性名="屬性值"。對于使用css的設(shè)計師來說,class屬性就是最重要也是最經(jīng)常使用的屬性之一。

CSS

這就是網(wǎng)頁的第二個核心——樣式。理論上講它可以規(guī)定網(wǎng)頁的一切表現(xiàn),位置、顏色、大小、距離…設(shè)計稿上的所有效果都可以借助它一一呈現(xiàn),但是在實際應(yīng)用中配合功能和性能以及各方面的要求,導(dǎo)致設(shè)計師的構(gòu)想并不一定能夠完整表達。

HTML代碼可以寫在很多文件中,而css代碼只能出現(xiàn)在兩個地方:css文件或者html文件中。

選擇器是用來告訴瀏覽器,樣式需要應(yīng)用到哪個元素上,它的功能非常強大——可以直接按元素名稱選擇,也可以按元素的id屬性值選擇,還可以按元素的class屬性值來選擇,甚至可以選擇某個元素的兄弟、兒子、孫子,還能選擇元素的狀態(tài)。

在HTML及CSS中都經(jīng)常提到的一個詞,class,通常也被稱作類。一個元素是可以擁有多個類的(但不能擁有多個id,整個HTML文件中的所有元素的id屬性值都應(yīng)該是唯一的),類名與類名之間使用空格隔開,而類名不能使用中文。通過類選擇器選擇元素,是CSS中最常見的選擇方式。

CSS的屬性和前面說過的元素的屬性是完全不同的,有興趣的話可以讀一下這篇文章,之后我會盡量區(qū)分說明,請各位盡量避免混淆。每一條CSS屬性-值都構(gòu)成一個聲明,每一句聲明之后都需要一個半角分號;來作為結(jié)束(就像我們寫作時所用的句號)。

至于大括號({和}),這是css的語法標記,就像HTML中的尖括號,時刻不要忘,否則易出錯。

HTML + CSS

HTML 與 CSS 結(jié)合在一起,設(shè)計稿就這樣從一張圖片變成了我們在瀏覽器中瀏覽的靜態(tài)網(wǎng)頁,當然這也就是以前可能會經(jīng)常聽到的 DIV + CSS 。這樣話說起來很輕巧,但是無論是 HTML 還是 CSS 都是需要一個字一個字打出來的…而更多的問題,就在 HTML 與 CSS 的結(jié)合過程中產(chǎn)生了。

html元素是所有網(wǎng)頁都必須要具備的,網(wǎng)頁中的一切內(nèi)容必須寫在html元素內(nèi);

head元素是給瀏覽器和搜索引擎準備的,大部分并不會顯示在頁面上;

title元素中的內(nèi)容會顯示在瀏覽器標題欄的位置上;

link元素的href屬性則指示了這個頁面所使用的css文件的;

還有可能會出現(xiàn)script元素,它將會指示這個頁面所使用的js文件;

body元素是放置網(wǎng)頁內(nèi)容的地方(你以后所寫的99.9%的HTML代碼都會位于這個元素內(nèi))。

標簽之前的空格被稱作“縮進”,良好的縮進習慣可以幫助寫出易讀的代碼,在任何一個項目或者頁面中,都應(yīng)該正確使用縮進。上面所展示的代碼就是一個基本的縮進示范,每個子元素都比其父元素縮進一個單位。

一般的縮進只要按下鍵盤左邊的Tab鍵就好,但是在程序員中廣泛存在一種究竟是一個Tab好還是兩個空格好的爭議(如同咸甜豆腐腦般的存在)。當然在書寫過程中,沒有人會去按兩下空格,他們通常是把Tab的輸入改為兩個空格而已(所以你只要記得,縮進一個單位按一下Tab就好)

網(wǎng)絡(luò)營銷推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:15201492965
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗
  • 有網(wǎng)站建站隊伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗
  • 致力于營銷型網(wǎng)站建設(shè)
  • 始終堅持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號:京ICP備15021091號-1 版權(quán)所有:匯仁智杰

在线国v免费看| 最新国产精品拍自在线观看 | 亚洲伊人久久综合影院| 免费成人黄色电影院| 野花在线| 老色鬼永久网址| 亚洲人成网线在线播放午夜| 天天澡天天爽免费视频| 色老大在线观看| 亚洲成人网站在线观看| 毛片基地一级大毛片| 色域综合一区| 伊人久久大香线蕉综合AV| 欧美视频晚上一个人| 日本一区二区高清| xxxxx传媒19| 中文字幕一乱交| 人妻操逼精品| 亚洲色成人网站www永久小说| 武侠古典AV天堂| 青春草在线视频| 潢色片一久一久| 色五月婷婷综合激情| 亚州高清无码视频| 学生妹色网| 亚洲国产精品久久久久久| 四虎影免费看黄| 西门庆在线影院| www.草草草| 2828无码直播| 99只有精品| 久久久国产亚洲| 人妻口爆在线看| 制服丝袜一区| 色婷婷免费看| 久热人妻免费视频| 国产一区二区丝袜高跟鞋| 中文字国产精久久无| 亚洲精选av| 国产毛片999| 五月丁香六月综合在线|