前言
以本人所看,牛腩作爲B/S的開篇,有着舉足輕重的地位。所以,對它也是很重視。但第一次接觸HTML語言,難免有些生疏。再看視頻的過程中,也遇到了一些問題,下面分享一下我的一些問題。
問題一:自己可以做到,爲什麼需要它人?
我們再看視頻的時候會發現,作者在用HTML與CSS搭配使用。據我搜索,這些功能THML語言本可以單獨完成,爲什麼要多加一個CSS呢?
答:從HTML被髮明開始,就以各種形式存在,最初的HTML只包含很少的屬性,隨着發展的變化,爲了滿足頁面設計者的要求,HTML添加了很多顯示功能,隨着這些功能的增加,HTML變得越來越雜亂,HTML頁面也越來越臃腫,於是CSS便誕生了。CSS:網頁的樣式和內容進行分離。HTML與CSS相結合可以很方便的進行網頁的排版佈局,還能減少很多不必要的代碼。
問題二:HTML中的標籤符號都是些什麼意思?
答:再牛腩中本以爲慢慢的會理解這些標籤符號,但是看到了十多集也沒有將他們搞懂,所以就暫停了項目,開始研究這些標籤的含義。一下是我總結的一些。
<a href ="#">關鍵字<a/> a相當於一個標籤,href是它的一個屬性,=後邊是href屬性的值,也就是該標籤的鏈接地址,#指的就是當前頁面,所以說這句代碼就是給關鍵字加了些效果,沒有什麼實際意義
<ul>無序列表;<li>可用在無序列表<ul>中,也可用在有序列表<ol>中
<h1>這是標題 1</h1>
<h2>這是標題 2</h2>
<h3>這是標題 3</h3>
<h4>這是標題 4</h4>
<h5>這是標題 5</h5>
<h6>這是標題 6</h6>
其中h1定義最大的標題,h6定義最小的標題,就相當於再CSDN中的標題也使用H來標識的
<link>標籤最常見的用途是鏈接樣式表,在HTML中它沒有結束標籤,並且它只能存在於head部分,但次數不限。
<div>可定義塊,分區,將內容分成不同的塊
<table>
<tr>
<th>所屬類別</th>
<th>新聞標題</th>
<th>發佈時間</th>
</tr>
<tr>
<td><a href="#">[體育新聞]</a></td>
<td><a href="#">12345678</a></td>
<td><a href="#">2019-9-12</a></td>
</tr>
</table>
上述代碼中<table>代表一個表,<tr>爲表的行,<th>爲表的表頭,<td>爲表單元格
問題三:CSS的這些代碼牛腩老師是如何記住的,有什麼技巧?
答:咱也不知道,咱也問不了。可能就是用的多了,自然就記住了。
那我就再這總結一些常用的吧!
字號參數 font-size
字體格式 font-style
字體粗細 font-weight
顏色 color
超鏈接樣式設置 text-decoration:參數
---underline:爲文字加下劃線
---overline:爲文字加上劃線
---line-through:爲文字加刪除線
---blink:使文字閃爍
---none:不顯示上述任何效果
背景顏色 ackground-color:參數
背景圖片 ackground-image:url(就是放背景圖片的路徑)
文本對齊 text-align:參數
高度 height
寬度 width
內邊框 padding
外邊框 margin
浮動 float
邊框樣式 border style :參數
---none:無邊框
---solid:邊框爲實線
---double:邊框爲雙線
總結:解決完這些問題後,對HTML和CSS有了更進一步的瞭解,在視頻中很能體會到牛腩老師的不將就,值得學習。