HTML基礎知識(三)盒子陰影 文字陰影 透明

2021-10-08 04:09:07 字數 971 閱讀 9285

float有4個值:

left :元素向左浮動。

right :元素向右浮動。

none :預設值。

inherit :從父元素繼承float屬性。

浮動後的div寬度會變成0,但是其內邊框可能撐起它的寬和高。

*
以上的**就是去掉所有標籤的內邊距padding和外邊距margin

div
ul
box-shadow:x y blur spread color [inset];
示例

.box
box-shadow:x y blur spread color [inset],x y blur spread color [inset]; (blur模糊程度,spread範圍)
示例:

.box
text-shadow:x y blur color;  (blur模糊程度)
示例

.box
.box
0 全透明 1不透明   透明背景顏色和內容   

opacity: 0.1

r:  red       0-255     

g:  green     0-255

b:  blue      0-255

a:  透明度     0-1  

background: rgba(0,0,0,.1);

基礎知識常備1 盒子垂直水平居中問題

html 公用部分 class f class s div div f.s 此種方法你要掌握,定位的相關特性哦,這裡主要用到了絕對定位以及相對定位,設定上下左右屬性為0,margin屬性為auto 便可實現居中效果 f s此種方法也是主要用到 子絕父相 的特性,區別於第一種 子 的巧妙利用負自身寬高...

HTML入門基礎知識(三)

超連結標籤 html中的注釋和特殊字元 影象標籤 在html標籤中,img 標籤用於定義html頁面中的影象。單詞image的縮寫,意思為影象。例子 src是 img 標籤的必須屬性,它用於指定影象檔案的路徑和檔名。屬性簡單理解為就是屬於這個影象標籤的特性 影象標籤的其他屬性 例子 注意 1 影象標...

HTML基礎知識 三 文字格式標籤

從h1到h6字型大小依次減小,字型預設加粗,可設定水平對齊方式 文字標籤font 文字 設定字型大小大小文字 預設3號字,從小到大有1到7號7個字型大小可選 設定字型顏色文字 預設黑色 設定字型屬性文字 預設瀏覽器預設字型,本地無某字型時,設定該字型無效,還是按預設字型顯示 直線標籤hr 設定水平對...