第三階段 05_JavaWeb基礎_CSS樣式

一、邊框和尺寸：border、width、height

　　 boreder：設置邊框的樣式

　　　格式：寬度   樣式  顏色

　　　例：style="border:1px solid red"   //1像素實邊紅色

　　　　　　樣式取值：solid 實線 none 無邊 double雙線等。

　　　width、height用於設置標籤的寬度、高度

　　　　<style type="text/css">

　　　　　　div{

　　　　　　　　border:1px solid red;

　　　　　　　　width:155px;

　　　　　　　　height:155px;

　　　　　　}

　　　　</style>

 

2.佈局:float、clear

　　　默認的排列方式是從上到下，實際使用中，須要左右排版，這就須要使用float浮動了

　　　　選擇器{float：屬性值}

　　　　　　經常使用屬性：

　　　　　　　　　　left 左浮動、right右浮動、none不浮動（默認值）

　　　　因爲浮動元素再也不佔原文檔的位置，因此它會對頁面其中其餘元素有影響，爲了不影響可使用clear屬性清除浮動

　　　　選擇器{clear:屬性值}

　　　　　　經常使用屬性：

　　　　　　　　　　left：不準左側有浮動元素，清除左側浮動的影響

　　　　　　　　　　right：不準右側有浮動元素，清除右側浮動的影響

　　　　　　　　　　both：同時清除左右兩邊浮動影響

　　　　

3.字體：color、font-size

4.背景顏色：background-color

5.CSS盒模型

　　　CSS盒模型規定了元素框處理元素內容、內邊距、邊框和外邊距的方式

　　　

 

6.總結：

　　由於能力有限，我的對前端不太感興趣，因此只是懂點最基礎的知識，CSS須要學習的知識還有許多，例如，佈局方面DIV+CSS，CSS盒模型等，因此，想要繼續學習的能夠本身上網找些資源學習，在互聯網發展以前，學習知識很困難，如今是互聯網時代，想學任何知識均可以在網上找到，甚至能夠看到國外的知識，可是，英文水平須要提升，許多新技術都是從國外傳到中國的，尤爲是計算機方面知識，若是對作網站首頁、移動端ui設置能夠看看下面的學習路線圖。師傅領進門，修行靠我的。再好的老師也不可能把全部知識都講全了，只能告訴你最基礎的知識，剩下的就徹底靠本身摸索了。