牛腩新聞發佈系統

前言

以本人所看,牛腩作爲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有了更進一步的瞭解,在視頻中很能體會到牛腩老師的不將就,值得學習。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章