總結持續更新

1）從屬關係的區別：link屬於xhtml標籤，而@import是css提供的語法規則，link除了載入css，還可以定義rss，定義rel連線屬性等，@import就只能載入css。

2）載入順序的區別：頁面載入時，link會同時被載入，而@import引用的css會等頁面被載入完後再載入。

3）相容性的區別：@import不相容ie5以下，link是xhtml標籤，沒有相容性問題。

4）dom可控性區別：通過js操作dom,可以插入link標籤來改變樣式；dom方法是基於文件的，無法使用@import方式插入樣式。

在html設計製作中，css有四種引入方式。

內聯樣式，也叫行內樣式，指的是直接在 html 標籤中的 style 屬性中新增 css。

示例：

這通常是個很糟糕的書寫方式，它只能改變當前標籤的樣式，如果想要多個擁有相同的樣式，你不得不重複地為每個新增相同的樣式，如果想要修改一種樣式，又不得不修改所有的 style 中的**。很顯然，內聯方式引入 css **會導致 html **變得冗長，且使得網頁難以維護。

嵌入方式指的是在 html 頭部中的或者寫在css樣式中

@charset "utf-8";
@import url(style.css);
*.notice-link a

作用：聖杯布局和雙飛翼布局解決的問題是一樣的，就是兩邊頂寬，中間自適應的三欄布局，中間欄要在放在文件流前面以優先渲染。

區別：聖杯布局，為了中間div內容不被遮擋，將中間div設定了左右padding-left和padding-right後，將左右兩個div用相對布局position: relative並分別配合right和left屬性，以便左右兩欄div移動後不遮擋中間div。

雙飛翼布局，為了中間div內容不被遮擋，直接在中間div內部建立子div用於放置內容，在該子div裡用margin-left和margin-right為左右兩欄div留出位置。

描述：這是一道大題目，把考點拆成了4個小項；需要侯選人用遞迴演算法實現（限制15行**以內實現；限制時間10分鐘內完成）：

a) 生成乙個長度為5的空陣列arr。

b) 生成乙個（2－32）之間的隨機整數rand。

c) 把隨機數rand插入到陣列arr內，如果陣列arr內已存在與rand相同的數字，則重新生成隨機數rand並插入到arr內[需要使用遞迴實現，不能使用for/while等迴圈]

d) 最終輸出乙個長度為5，且內容不重複的陣列arr。

var arr = new array(5);
var num = randomnumber();
var i = 0;
randomarr(arr,num);
function randomarr(arr,num) else 
if (i>=arr.length)else
}function randomnumber()

行內元素：a、b、span、strong、i、em、button、input、label、br、textarea、select

塊元素：div、p、h1-h6、ol、ul、li、table、tbody、td、tr、thead、dl、dt、dd

h5新增元素：section、article、audio、video、hearder、footer、small

邊框圓角：border-radius

盒子陰影：box-shadow

背景定位：background-origin

背景尺寸：background-size

漸變：linear-gradient線性漸變

radial-gradient 徑向漸變

2d、3d變換：

transform、rotate()、scale()、skew()、translate()

css3動畫：@keyframes

過渡動畫：transition

自定義動畫：animation

彈性布局：flex

多**查詢：@media

方法一是replace()方法與正規表示式的相結合,replace(/\s/g,』』)中，/\s/g表示檢索全域性中的空格。

方法二是split(』『)先將字串通過空格進行分割成為陣列，然後再用join(』』)將陣列通過空字元進行連線成字串。

實際**：

總結持續更新

OpenCV 更新總結（持續更新）

css總結（持續更新）

vim 命令總結持續更新

總結持續更新

OpenCV 更新總結（持續更新）

css總結（持續更新）

vim 命令總結 持續更新

相關推薦

vim 命令總結持續更新