專案創作常用前端樣式及技巧整合

2021-10-08 06:14:11 字數 1222 閱讀 7388

1:siblings([selected])

解釋:返回所選元素的同級元素列,相當於全選他的兄弟姐妹一起操作。

用法:$("..").siblings ........

2:border

解釋:邊框。使用時要同時宣告大小和顏色才會顯示。

用法:border: 3px solid #181818;

3:fadein(timer),fadeout(timer)

解釋:淡入和淡出,中間時間可加可不加

使用:$("..").fadeout(3000);

4:傳送當前元素物件

解釋:無

使用:例:

html:onclick =

"test(this)"

js: function click

(obj)

5: 變數 當做 id

解釋:無

使用:例:$("#"+id). ....;

6:邊緣發光樣式

解釋:無

使用:例:-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 1);

7:側邊滾條的樣式:

解釋:若你只想在一塊指定大小的區域顯示許多的內容,有一種方法就是新增滾動條;

使用:overflow-x: hidden;overflow-y: auto;/此處我只顯示右側的滾動條/

/*定義側邊滾動條樣式*/::

-webkit-scrollbar

/*!*定義滾動條軌道 內陰影+圓角*!*/::

-webkit-scrollbar-track

/*定義滑塊 內陰影+圓角*/::

-webkit-scrollbar-thumb

8: 去除 li 標籤前的小點

list-style-type: none;
9:position

問題描述:使用position的absolute時標籤隨滾動條發生改變。

原因:absolute是相對於最近的「position」祖先元素來定位的,即非static的position元素。

解決方法:給父元素設定非static的值。

前端 常用樣式組合 自用

html 名字剛好 css樣式 span 樣式解析 overflow hidden overflow 屬性規定當內容溢位元素框時發生的事情。這個屬性定義溢位元素內容區的內容會如何處理。hidden 表示內容會被修剪,並且剪掉的內容是不可見的。white space nowrap 規定文字不進行換行。...

CSS及常用樣式

選擇器如何使用css樣式 css樣式優先順序 常用css樣式屬性 第一種 該種樣式表只能定義在style標籤或css檔案中,每個style標籤或css檔案可定義多個css樣式表 選擇器第二種 該種樣式表只能定義在style標籤屬性 html文件中每個標籤都有乙個style標籤屬性。style dec...

css之常用樣式及display樣式

常用樣式 一 背景 背景可以為純色,也可以通過以下屬性的修飾變得絢麗多彩 1.設定背景色 background color 3.設定背景是否重複 background repeat,其值有四個 a.repeat 背景圖重複,即平鋪 預設值 b.repeat x 橫向平鋪 c.repeat y 縱向平...