言:
本人最近打算開始學(xué)習(xí)web開發(fā)了,每天寫一點筆記,如果需要的話可以留個參考,如果沒有人需要,我就當自己記筆記了,如果哪里有問題 歡迎各位高手評論區(qū)留言指點,感謝。
筆記正文:
書寫文本有文本格式,編寫網(wǎng)頁的時候,html 也有自己的基本結(jié)構(gòu)或基本格式,它是這樣的:↓
大標簽包含小標簽,小標簽內(nèi)對應(yīng)不同的內(nèi)容,而這些標簽的分級結(jié)構(gòu)就是 父、子 關(guān)系,并且層級之間是靠縮進來區(qū)分,越靠外的為父。
作各種各樣的網(wǎng)頁,為了更好地實現(xiàn)網(wǎng)頁效果,需要為網(wǎng)頁制作CSS樣式表。如何使用 CSS 同時控制多重網(wǎng)頁的樣式和布局。
(1)編輯代碼
打開記事本,編寫代碼,并保存為HTML格式文件。代碼如下。
(2)在瀏覽器中瀏覽效果
在瀏覽器中瀏覽效果如圖所示。
1.CSS 指層疊樣式表 (Cascading Style Sheets)
2.樣式定義如何顯示 HTML 元素
3.樣式通常存儲在樣式表中
4.把樣式添加到 HTML 4.0 中,是為了解決內(nèi)容與表現(xiàn)分離的問題
5.外部樣式表可以極大提高工作效率
6.外部樣式表通常存儲在 CSS 文件中
7.多個樣式定義可層疊為一個
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性(property)是您希望設(shè)置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。
p{
font-family: "Times New Roman";
font-size: 20px;
}
為了讓CSS可讀性更強,你可以每行只描述一個屬性。
注釋是用來解釋你的代碼,并且可以隨意編輯它,瀏覽器會忽略它。
CSS注釋以 "/*" 開始, 以 "*/" 結(jié)束, 實例如下:
、html的介紹
HTML 的全稱為:HyperText Mark-up Language, 指的是超文本標記語言。標記:就是標簽, <標簽名稱></標簽名稱>,比如:<html></html>、<h1></h1>等,標簽大多數(shù)都是成對出現(xiàn)的。
所謂超文本,有兩層含義:
html是用來開發(fā)網(wǎng)頁的,它是開發(fā)網(wǎng)頁的語言。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁標題</title>
</head>
<body>
網(wǎng)頁顯示內(nèi)容
</body>
</html>
網(wǎng)頁文件的后綴是.html或者.htm, 一個html文件就是一個網(wǎng)頁,html文件用編輯器打開顯示的是文本,可以用文本的方式編輯它,如果用瀏覽器打開,瀏覽器會按照標簽描述內(nèi)容將文件渲染成網(wǎng)頁。
全拼是 Visual Studio Code (簡稱 VS Code) 是由微軟研發(fā)的一款免費、開源的跨平臺代碼編輯器,目前是前端(網(wǎng)頁)開發(fā)使用最多的一款軟件開發(fā)工具。
插件名說明Chinese (Simplified) Language Pack for VS Code中文(簡體)漢化包open in browser右擊在瀏覽器打開html
點擊對應(yīng)安裝的插件,然后再點擊卸載按鈕即可。
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。