前端專業名詞解釋 CSS相關

2021-10-08 23:33:08 字數 1596 閱讀 3612

css(cascading style sheets)層疊樣式表,是一種用來表現html或xml等檔案樣式的計算機語言。

這部分不完全,僅僅對重要且實用的一些功能做乙個簡單的介紹

樣式的轉變新增了過渡

transition: css屬性,過渡時長,效果曲線(預設ease),延遲(預設0);
增加了動畫效果

增加了形狀轉換功能

transform: 適用於2d或3d轉換的元素(旋轉、平移、縮放、傾斜等);

transform-origin:形狀變化中心點;

更多高效的選擇器

詳細可去看w3c的css選擇器參考手冊

增加了陰影、倒影、漸變、濾鏡效果

新的邊框效果

border-image: 以為邊框;

border-radius: 邊框圓角;

增加了背景顯示區域的設定、多背景

background-clip: border-box(繪製包含border、padding、content的所有區域);

background-clip: padding-box(繪製包含adding、content的所有區域);

background-clip: content-box(繪製包含content的所有區域);

background-origin: 類似clip,origin表示從**開始繪製;
background-size: 設定背景大小;
增加了文字換行及超出的省略號功能

word-break: normal(預設規則);

word-break: keep-all(在半形空格或連字元處換行);

word-break: normal(可在單詞內換行);

text-overflow: ellipsis(超出省略號);

text-overflow: clip(超出截斷);

增加了rgba和hsla顏色表示方法

柵格化(grid)布局

詳情可檢視grid布局指南

**查詢

可以實時判斷螢幕尺寸,用於響應式

less(leaner style sheets)是一門css預處理語言,它擴充套件了css語言,增加了變數,mixin,函式等特性,使css更易維護和擴充套件,詳情可檢視less中文網

sass(syntactically awesome style sheets)是一種css的預編譯語言。它提供了變數、巢狀、混合、函式等功能,並且完全相容 css 語法。sass能夠幫助複雜的樣式表更有條理,並且易於在專案內部或跨專案共享設計,詳情可檢視sass中文文件

postcss可以直觀的理解為乙個平台,基於這個平台可以執行一些外掛程式,例如autoprefixer,用其可以很方便生成符合開發需求的css檔案,詳情可檢視postcss官網

歡迎熱愛程式設計的小夥伴關注我的github部落格

以及我的github倉庫

裡面有一些前端小技巧以及python演算法設計跟大家一起分享

我們一起每天進步一點點!

前端專業名詞解釋 HTML相關

html5的改進之處 結語html hypertextmarkuplanguage 稱為超文字標記語言,是一種標識性的語言。它包括一系列標籤,通過這些標籤可以將網路上的文件格式統一,使分散的internet資源連線為乙個邏輯整體。html文字是由html命令組成的描述性文字,html命令可以說明文字...

前端專業名詞解釋 Layout布局

將整個頁面作為乙個 進行處理,通過設定單元格的大小來實現布局 考慮到這樣的缺點,table布局基本已被淘汰 通過float屬性,將元素設定為浮動元素,進行排列布局 目前仍有很多網頁採用float布局,可以達到簡單網頁的基本要求,但是考慮到清除浮動很麻煩,float布局的使用也逐漸減少 通過posit...

氣象專業名詞解釋

1 災種級別 藍 黃 橙 紅 2 qpe 定量降水估計,對以前時段的降水資料的統計。3 qpf 短期定量降水預報,根據現在雷達 衛星 雨量計等資料對未來1 6小時的降水進行預估 4 落區 主要指的是災害性天氣及其次生災害的發生區域預報 5 氣象業務 觀測 預報 5 1 觀測是實際值,預報是 值 5 ...