css樣式整理部分part1

2021-09-07 14:49:59 字數 1092 閱讀 4377

此篇為了整理自己在調整css樣式中遇到過的問題

1.內容過長時,使用省略號代替

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

2.滾動條的粗細

.includes

.lists::-webkit-scrollbar

.lists::-webkit-scrollbar-thumb

.lists::-webkit-scrollbar-track

}3.css框線一覽表:

border-top : 1px solid #6699cc; /上框線/

border-bottom : 1px solid #6699cc; /下框線/

border-left : 1px solid #6699cc; /左框線/

border-right : 1px solid #6699cc; /右框線/

以上是建議書寫方式,但也可以使用常規的方式 如下:

border-top-color : #369 /設定上框線top顏色/

border-top-width :1px /設定上框線top寬度/

border-top-style : solid/設定上框線top樣式/

其他框線樣式

solid /實線框/

dotted /虛線框/

double /雙線框/

groove /立體內凸框/

ridge /立體浮雕框/

inset /凹框/

outset /凸框/

4.背景樣式:

background-color:#f5e2ec; /背景顏色/

background:transparent; /透視背景/

background-image : url(/image/bg.gif); /背景/

background-repeat : no-repeat; /不重複排列/

background-repeat : repeat-x; /在x軸重複排列/

background-repeat : repeat-y; /在y軸重複排列/

SQL語言之DQL部分 PART1

select department id as dashabia from hr.departments 別名的使用,從hr使用者下查詢departments表,將department id命名為dashabia並列出 select last name job id as employees fro...

css樣式部分(1)

1 border sizng你用過嗎?它的屬性值分別有哪些?他們的作用是什麼?標準w3c下的盒模型和ie下的盒模型有什麼區別?1 box sizing content box border box inherit border sizing有三個屬性值,它們分別是content box,border...

部落格推薦 Part 1

部落格推薦 part 1 博起 了一年多了,寫過一百多篇博文,看過的博文更是不計其數。剛剛看到乙個部落格的文章,實在把我笑到不行。然後就想推薦給大家。繼而就心血來潮,想把自己喜歡的一些部落格陸續的推薦給大家。也許,你也會喜歡呢?說明 仙仙,本名張仙!是湖南的一位autoware兄弟,跟我一起混跡內蒙...