css查漏補缺day05

2021-10-09 17:26:09 字數 1311 閱讀 9079

0x00 css三角

用這種方法即可實現三角

0x01 使用者樣式更改

cursor屬性可以更改滑鼠樣式

outline屬性可以設定input的輪廓線

resize:none可以使textarea變成不可拖拽

textarea標籤寫在一行的話文字域中的文字就沒有text-indent了

0x02 元素的垂直居中

vertical-align是用來給行內元素以及行內塊元素設定垂直居中的,塊元素無法使用

vertical-align: baseline;

vertical-align: sub;

vertical-align: super;

vertical-align: text-top;

vertical-align: text-bottom;

vertical-align: middle;

vertical-align: top;

vertical-align: bottom;

0x03 單行文字溢位用省略號顯示

泰拉世界普遍存在一種礦物, 大部分呈黑色半透光晶體。源石都蘊藏著巨大的能量, 是引發天災的首要因素。通常被運用於法術領域,是製造各種施術工具和法術道具的基本材料和催化物,離開了源石輔助,法術的使用效率會大幅下降。現在,隨著源石引擎技術的革新,越來越多的源石被各個國家作為能源使用。

0x03 相鄰盒子邊框的重疊問題解決

基於上面的**,如果需要做到滑鼠經過時更改邊框顏色,因為是通過移動margin實現的消除多餘邊框,會出現邊框顯示不全的情況,當遇到這種情況時先看盒子有沒有定位,沒有定位的話在hover中加入乙個position:relative即可實現。若盒子本身已經有了定位,則在hover中設定z-index。

0x04 行內塊元素的運用

23

4567

CSS查漏補缺

從父類繼承 padding inherit 字母大寫 小寫,首字母大寫 h1 h2 credits 字母 漢字間距 letter spacing 0.2em 文字對齊方向 text align right 鏈結下劃線aa hover 首字母 首行 p.intro first letter p.int...

DOM查漏補缺

使用getattribute 方法只能獲取屬性的文字內容,比如script或者style就不方便了,因此建議使用屬性的方法來獲取,即elenode.attr這種形式 但是自定義的標籤屬性必須使用getattribute 方法來獲得。屬性的方法會返回undefined 修改class通過屬性名的方法是...

查漏補缺 1

1.alert 用來顯示一段文字。不是文字強制轉換為文字。2.sort 排序,原理是根據unicode進行排序,可接受乙個比較函式。比較函式 function compare a,b else if a b else var values 0,5,10,5,65 values.sort compar...