CSS高階常用應用技巧彙總

2021-10-22 09:33:02 字數 2866 閱讀 6128

class

="container"

>

class

="single"

>

class

="c-red"

>

單行溢位:span

>

花半開最美,情留白最濃,懂得給生命留白,亦是一種生活的智慧型。淡泊以明志,寧靜以致遠,懂得給心靈留白,方能在紛雜繁瑣的世界,淡看得失,寵辱不驚,去意無留;懂得給感情留白,方能持久生香,留有餘地,相互欣賞,擁有默契;懂得給生活留白,攬乙份詩意,留乙份淡定,多乙份睿智,生命方能如詩如畫。人心,遠近相安,時光,濃淡相宜。有些風景要遠觀,才能美好;有些人情要淡然,才會久遠,人生平淡更持久,留白方能生遠,蓮養心中,隨遇而安,生命的最美不過是懂得的距離。

p>

class

="mutiple"

>

class

="c-red"

>

多行溢位:span

>

靜靜的心裡,都有一道最美麗的風景。儘管世事繁雜,此心依然,情懷依然;儘管顛簸流離,腳步依然,追求依然;儘管歲月滄桑,世界依然,生命依然。守住最美風景,成為一種風度,寧靜而致遠;守住最美風景,成為一種境界,悠然而豁達;守住最美風景,成為一種睿智,淡定而從容。帶著前世的印記,心懷純淨,身披霞帶,踏一水清盈,今生,尋美好而來。

p>

div>

/*容器*/

.container

.c-red

p/*單行*/

.single

/*多行*/

花半開最美,情留白最濃,懂得給生命留白,亦是一種生活的智慧型。淡泊以明志,寧靜以致遠,懂得給心靈留白,方能在紛雜繁瑣的世界,淡看得失,寵辱不驚,去意無留;懂得給感情留白,方能持久生香,留有餘地,相互欣賞,擁有默契;懂得給生活留白,攬乙份詩意,留乙份淡定,多乙份睿智,生命方能如詩如畫。人心,遠近相安,時光,濃淡相宜。有些風景要遠觀,才能美好;有些人情要淡然,才會久遠,人生平淡更持久,留白方能生遠,蓮養心中,隨遇而安,生命的最美不過是懂得的距離。

靜靜的心裡,都有一道最美麗的風景。儘管世事繁雜,此心依然,情懷依然;儘管顛簸流離,腳步依然,追求依然;儘管歲月滄桑,世界依然,生命依然。守住最美風景,成為一種風度,寧靜而致遠;守住最美風景,成為一種境界,悠然而豁達;守住最美風景,成為一種睿智,淡定而從容。帶著前世的印記,心懷純淨,身披霞帶,踏一水清盈,今生,尋美好而來。

p>

.scroll-container
.scroll-container::-webkit-scrollbar

.scroll-container

::-webkit-scrollbar-corner,

/* 滾動條角落 */

/* 正三角 */

.up-********

/* 倒三角 */

花半開最美,情留白最濃,懂得給生命留白,亦是一種生活的智慧型。淡泊以明志,寧靜以致遠,懂得給心靈留白,方能在紛雜繁瑣的世界,淡看得失,寵辱不驚,去意無留;懂得給感情留白,方能持久生香,留有餘地,相互欣賞,擁有默契;懂得給生活留白,攬乙份詩意,留乙份淡定,多乙份睿智,生命方能如詩如畫。人心,遠近相安,時光,濃淡相宜。有些風景要遠觀,才能美好;有些人情要淡然,才會久遠,人生平淡更持久,留白方能生遠,蓮養心中,隨遇而安,生命的最美不過是懂得的距離。

靜靜的心裡,都有一道最美麗的風景。儘管世事繁雜,此心依然,情懷依然;儘管顛簸流離,腳步依然,追求依然;儘管歲月滄桑,世界依然,生命依然。守住最美風景,成為一種風度,寧靜而致遠;守住最美風景,成為一種境界,悠然而豁達;守住最美風景,成為一種睿智,淡定而從容。帶著前世的印記,心懷純淨,身披霞帶,踏一水清盈,今生,尋美好而來。p

>

.dotted-line

class

="coupon"

>

>

100元span

>

通用優惠券

CSS高階技巧

1.滑鼠樣式cursor 設定或檢索在物件上移動的滑鼠指標採用何種系統預定義的游標形狀。cursor default 小白 pointer 小手 move 移動 text 文字 2.溢位的文字隱藏 word break 自動換行 white space設定或檢索物件內文字顯示方式。通常我們使用於強制...

CSS高階技巧

所謂的介面樣式,就是更改一些使用者操作樣式,比如 更改使用者的滑鼠樣式,表單輪廓.防止表單域拖拽等。但是比如滾動條的樣式改動受到了很多瀏覽器的抵制。設定或檢索在物件上移動的滑鼠指標採用何種系統預定義的游標形狀。cursor default 小白 pointer 小手 move 移動 text 文字 ...

CSS高階技巧

在css中有三個顯示和隱藏的單詞比較常見,我們要區分開,他們分別是 display visibility 和 overflow。他們的主要目的是讓乙個元素在頁面中消失,但是不在文件原始碼中刪除。display 顯示 display 設定或檢索物件是否及如何顯示。display none 隱藏物件 與...