css用標簽選擇器在本頁寫樣式,html里的css和Js的代碼怎么插入?
css和html的結合方式:第一種:在每個html中都有一個屬性style,在style屬性里面寫css代碼 格式:style="屬性名稱1:屬性值;屬性名稱2:屬性值;" 例:
第一種結合方式第二種:使用html的標簽實現 格式: 例:第三種:首先創建css文件,在css文件中寫css代碼,其次在html文件的標簽中實現 格式:第四種:引入外部的資源文件,使用頭標簽link實現 格式: js和html的結合方式:第一種:使用html的標簽 格式:第二種:首先創建js文件,其次在html文件中引用 格式:html兩個標簽怎么不換行?
可以在css樣式中設置display的屬性值為inline,可以實現不換行!
CSS代碼怎么用?
css代碼可以內嵌也可以外鏈。內嵌就是將css直接寫在html標記中,大約在2008年以后基本都逐漸規范為外鏈方式。內嵌css有個很大的缺點,就是html標記與css代碼混合在一起,頁面代碼看起來比較混亂、吃力,結構不太清晰,后期如果有修改就會很費勁;規范為外鏈后,代碼美觀易懂、脈絡清晰,方便二次修改。外鏈css,就是將css從html標記中分離出來,集中到一個或多個css頁面,再根據需要,調用相關css文件進行指定樣式表。
CSS樣式表
內嵌css的方式:在html標記中添加屬性“style”,設置相關屬性值。如:“<p style=“font-size:12px”>帶你走進科技大世界。</p>”就是給“帶你走進科技大世界。”這段文字設置的字體大小為12px。
內嵌CSS樣式
外鏈css方式:建一個css文件,樣式集中寫在該文件中,在所需頁面調用就行了。方法是在“<head>”標記中添加“<link rel="stylesheet" type="text/css" href="xxx/cssName.css" >”,其中“xxx”為路徑,“cssName.css”為文件名。外鏈設置好后,在標記中通過“class”或“id”進行調用,如“<p class=“toptxt”>”或"<p id="toptxt">",這時候樣式表中被命名為“toptxt”的樣式就應用到這個“<p>”標記中了。樣式表中“class”和“id”的寫法不一樣,“class”前面加“.”,“id”前加“#”。
調用CSS文件
下面來說說使用“class”和“id”的區別,二者之間最大的區別是“class”名稱在同一個頁面中可以重復使用,而“id”名稱是獨一無二的。“class”本身就是用來調用樣式的,一個頁面中有同一個樣式效果很正常,用“class”方便省事也更合理。“id”相當于人名,不允許重復出現。因為“id”不僅可用于樣式,在寫JavaScript時通常也要用“id”指定塊。
win7使用記事本編輯和運行html代碼?
使用
記事本編寫html代碼開發效率很低,但有助于初學者學習。
1、新建一個記事本。鼠標郵件單機—新建—文本文檔。如圖:
2、給新建的文檔命名(也可以使用默認的),然后雙擊打開它。如圖:
3、在記事本中輸入固定的html標簽。如圖:
4、下來就可以在記事本中編寫html代碼了。如圖:
5、要使用瀏覽器運行html,需要把記事本的后綴.txt改成.html。方法是右擊記事本選擇
重命名,然后把記事本的后綴.txt改成.html(如果系統提升警告,單機是即可!)。
6、如果看不到記事本文件的后綴,我們需要在計算機中選擇工具—文件夾選項(o),然后選擇查看。找到“隱藏已知文件類型的擴展名”,把前面的勾去掉。如圖:
7、最后雙擊運行文件(也可以右擊選擇其他瀏覽器運行)。如圖: