CSS HTML 常用屬性備忘錄

2022-02-01 10:19:06 字數 3231 閱讀 3438

萬用字元選擇符  *{}

標籤選擇符  p{}

id選擇符  #id{}

類選擇符  .class{}

包含選擇符  p a{}  p中的a標籤

分組選擇符  p,div{}  p標籤和div標籤

display  規定元素框型別  block塊級元素,none元素不顯示,inine內聯元素即行內元素,inline-black行內塊元素。

visibility  指定元素是否可見visible可見,hidden不可見,inherit繼承父元素

disalay與visibility用來隱藏的區別是display隱藏後是不佔空間的

overflow  內容溢位時發生的事  visible不修剪,呈現在元素窗之外,hidden溢位內容隱藏,scroll總是新增滾動條,auto自動,修剪則新增滾動條,inherit繼承父元素。

cursor  游標形狀

float  方塊-浮動

letter-spacing  字母間隔

line-height  行高  height定義的是整個塊的高度,而line-heught定義的是文字的行高,設定一行為30px,文字就會相對於這30px垂直居中。

border-collapse  **邊框重疊

font-weight  設定文字的粗細

text-decoration  文字修飾

font-family  規定元素的字型

text-align  區塊-文字對齊  被設定元素為文字、等行內元素時,水平居中是通過給父元素設定text-align:center來實現的。

clear  可取值為left,righr,both既物件左右不允許出現浮動物件

z-index  取值為auto/number,數字則越大越在前,可為負。

position  定位  取值為 絕對定位 absolute表示物件脫離文件流,根據瀏覽器或具有定位功能的父元素的左上角為座標原點來定位,

取值為 相對定位 relative表示一文件流中的的當前物件的自身位置為座標原點進行定位,

取值為fixed表示不受任何網頁影響,根據瀏覽器左上角進行定位,定位後在視窗中固定不隨滾動條滾動

ol  有序

ul  無序

list-style-type  none不顯示專案符號

list-style-image  url列表  

:hover  滑鼠停留的元素

:active  被啟用的元素(即點選過的元素)

border-radius  邊框圓角  border-radius:5px 10px 15px 20px; 分別表示左上角、右上角、右下角、左下角的半徑。如果對border-radius指定兩個值,那麼第乙個值               為左上角和右下角,第二個值為右上角和左下角。如果指定三個值,那麼第乙個值為左上角,第二個值為右上角和左下角,第三個值為右下角。

box-shadow  用來新增陰影  box-shadow:10px 10px 5px blue;第乙個是水平移動距離、第二個是豎直移動距離、第三個是模糊的距離、第四個是陰影的顏色。

border-image  

background-image

background-size  設定尺寸  使用時要設定div的高寬,否則不顯示,background-size:50px 100px;可為百分數,意為父元素的百分比。

backgrond-origin  設定背景影象的位置  預設是padding-box; border-box從最外層開始 content-box在內部開始

background-clip  裁剪指定位置的背景  與之前的box-shadow一樣

linear-gradient  線性漸變顏色  background:-moz-linear-gradient(red,blue);從上到下 background:-webkit-linear-gradient(right,red,blue);從左到右 標準語法to                   right 45deg即指向右上角,90deg指向右邊background:-o-linear-gradient(50deg, red, blue);指定任何角度。

linear-gradient  顏色透明度  rgba(255,0,0,0.7); rgba的最後乙個值表示不透明度:0表示完全透明,1表示完全不透明。

text-shadow  給文字新增陰影  與box-shadow用法一樣

white-space  指定元素內的空格如何處理  normal(預設)壓縮空格、pre保留所有空格且永遠不換行、nowrap壓縮空格,不換行、pre-wrap保留空格,正常換行、pre-                      line壓縮空格,換行、inherit。

text-overflow  文字溢位時如何顯示內容

word-wrap  允許單詞在很長的時候換行  word-wrap:break-word;

word-break  作用同上  屬性值為keep-all則所有的單詞都是完整的,而屬性值是break-all時,所有超出邊界的單詞都會被break。

盒模型div是非常重要的(廢話)所以下面這些很重要(是在網上找的)

top right bottom left   分別代表定位-置入的上右下左,這個奇怪的順序是因為css乙個奇怪的設定,所有沒有指定方向的屬性全都是這個順序,

margin  外邊距

塊級元素的垂直相鄰外邊距會合併,而行內元素實際上不佔上下外邊距。浮動元素的外邊距也不會合併。允許指定負的外邊距值。

border

邊框    例如border-width:10px 5px 1px 20px就代表上邊框10畫素,右邊框5畫素,下邊框1px,左邊框20px。

padding  內邊距    若是兩個數值則

第乙個值是上下,第二個值左右

。若是三個數值,則第乙個值是上,第二個值是左右第三個值是下。

height  width  內部內容的高和寬

margin  定寬塊狀元素是可以通過設定「左右margin」值為「auto」來實現居中的。

div層預設寬度是100%

確定寬度之後才可以使用float屬性進行漂移

當用float設定後的層,在接下來用到的層將受漂移後的影響,需要用clear來設定

在層內部設定絕對定位時需要在父物件中先設定相對定位否則絕對定位會以body父物件進行定位

XML DOm屬性備忘錄

attribute屬性 作 用 傳回目前節點的屬性列表。基本語法 objattributelist xmlnode.attributes 說 明 傳回乙個物件。如果此節點不能包含屬性,則傳回空值。範 例 objattlist xmldoc.documentelement.attributes ale...

常用android命令備忘錄

1.常用基本命令adb devices 檢視當前掛載手機裝置的資訊 adb root root userdebug版本的手機。adb remount 將 system 目錄改為可寫入的模式,預設情況下 system 部分是唯讀模式的。這個命令只適用於已被 root 的裝置,即呼叫過 adb root...

常用排序演算法備忘錄

快速排序 public class quicksort 3,5,1,4,6,2,8 stringbuilder sb new stringbuilder new quicksort quicksort array,0,array.length 1 for integer num array syst...