/*先強制一行內顯示文字(預設normal自動換行）*/
wihte-space：nowrap；
/*2.超出部分隱藏*/
overflow：hidden；
/*3.文字用省略號替代超出部分*/
text-overflow：ellipsis；
多行文字溢位顯示省略號，有較大的相容性問題，適合於webkit瀏覽器或移動端（移動端大多是webkit核心）
/*彈性伸縮盒子模型顯示*/
display：-webkit-box；
/*限制在乙個塊元素顯示文字的行數*/
-webkit-line-clamp：2；
/*設定或檢索伸縮盒子物件的子元素的排列方式*/
-webkit-box-orient：vertical；
1.讓每個盒子margin往左側移動-1px正好壓住相鄰盒子邊框
2.滑鼠經過某個盒子的時候，提高當前盒子的層級即可（如果沒有定位，則新增相對定位（保留位置），如果有定位，則加z-index）
在自定義塊中，新增與文字時，利用float文字環繞而節省文字部分盒子的開支
製作頁尾樣式
border-color: transparent red transparent transparent;
border-style: solid;
border-width: 100px 50px 0 0;
構建直角三角形
不同瀏覽器對有些標籤的預設值不同，為了消除不同瀏覽器對html文字呈現的差異，照顧瀏覽器的相容，我們需要對css初始化
簡單理解：css初始化是指重設瀏覽器樣式。（也稱為css reset）
每個網頁都必須首先進行css初始化。
這裡我們以 京東css初始化**為例。
unicode編碼字型：
把中文字型名稱用相應的unicode編碼來代替，這樣就可以有效的避免瀏覽器解釋css**時候出現亂碼的問題
比如：黑體 \9ed1\4f53
宋體 \5b8b\4f53
微軟雅黑 \5fae\8f6f\96c5\9ed1
html5的新特性主要是針對以前的不足，增加了一些新的標籤、新的表單 和 新的表單特性
這些新特性都有相容性的問題，基本是ie9+以上版本的瀏覽器才支援，如果不考慮相容性的問題，可以大量使用這些新特性。
: 頭部標籤
: 導航標籤
: 內容標籤
:定義文件某個區域
: 側邊欄標籤
：尾部標籤
注意：
---這種語義化標籤主要是針對搜尋引擎的
---這些標籤新頁面中可以使用多次
---在ie9中，需要把這些元素轉化為塊級元素
---其實，我們移動端更喜歡使用這些標籤
---more
支援三種格式：mp4,ogg,webm(盡量使用mp4格式)
屬性：poster imgurl 預載入
autoplay
controls
loop
muted
preload
瀏覽器支援情況不同
屬性值 type
說明email
輸入必為email型別
url輸入必為url型別
date
輸入必為日期型別
time
輸入必為時間型別
month
輸入必為月型別
week
輸入必為周型別
number
輸入數字必須為數字型別
tel手機號碼
search
搜尋框color
生成乙個顏色選擇表單
屬性：required=「required」 不能為空
placeholder=「內容」 搜尋框預選灰色內容
autofocus autofocus 自動獲取焦點
autocomplete on/off 預設記錄之前輸入的文字
multiple multiple 可以多選檔案提交
新增的css3特性有相容性問題，ie9+才支援
移動端支援優於pc端
不斷改進ing
應用相對廣泛
主要學習：新增選擇器 和 盒子模型 以及其他特性
1.屬性選擇器
2.結構偽類選擇器
3.偽元素選擇器
可以不用借助於類或者id選擇器
屬性選擇器可以選擇屬性
/*必須是input，但是同時具有value值的輸入框*/
input[value]
---before和after必須有content屬性
---before在父元素內容的前面建立元素，after在父元素內容後面插入元素
---偽元素選擇器和標籤選擇器一樣，權重為0，0，0，1
學習筆記 四（web前端）
框架 在乙個視窗載入多個不同的餓頁面，分垂直框架和水平框架，body和frameset不能同時使用 src指向目標網頁，noresize說明裡面的頁面都是固定的，不能變 table 簡單好用，定義行 每個行裡面的列 width寬度 border邊框粗度 cellspacing間距 列表 a 無序 a...
2020 02 29模擬賽11（第四題）
題目描述 4和7是味味的幸運數字。幸運數是那些只由幸運數字組成的正整數。如47，477是幸運數，而5，17，417 就不是幸運數。定義next x 為大於或等於x的最小的幸運數。味味對以下表示式的值很感興趣 next l next l 1 next r 1 next r 現在告訴你l和r的值，希望你...
前端學習筆記（四）html文字屬性
文字大小 font size 文字字型 font family 文字粗細 font weight 文字傾斜 font style 文字顏色 color 文字行高 line height 文字屬性font簡寫 按順序寫出所有屬性 1 text align 水平對齊方式。屬性值 2 vertical a...