管理工具
git: 版本管理控制工具
webpack: 打包工具
SVN:
grount:
禪道:項目管理
碼云:管理工具
單行文本超出不顯示(隱藏):
.over{overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}或者直接加上:text-overflow :ellipsis;white-space : nowrap;overflow: hidden;
定位position
**static : **靜態定位(默認)
**relative : **相對定位,不脫離文檔流,如果沒有定位偏移量,對元素本身沒有影響;相對于其本身位置定位
**absolute : **絕對定位,完全脫離文檔流,使內嵌支持寬高;若有定位父級,相對于定位父級發生偏移,如果沒有定位父級相對于整個文檔發生偏移
瀏覽器的內核
瀏覽器內核既是瀏覽渲染引擎,正因為每個瀏覽器的內核不一樣,所以兼容性問題才出現
**Webkit內核 : **Chrome,Safari,Opera
**Gecko內核 : **代表作品是Firefox,即火狐瀏覽器。因火狐是最多的用戶,故常被稱為firefox內核它是開源的,最大優勢是跨平臺,在Microsoft Windows、Linux、MacOs X等主 要操作系統中使用
**Trident內核 : **IE,因IE捆綁在Windows中,所以占有極高的份額,又稱為IE內核或MSHTML,此內核只能用于Windows平臺,且不是開源的。代表作品還有騰訊、Maxthon(遨游)、360瀏覽器等。但由于市場份額比較大,曾經出現脫離了W3C標準的時候,同時IE版本比較多,存在很多的兼容性問題
**Blink內核: **由Google和Opera Software開發的瀏覽器排版引擎,2013年4月發布。現在Chrome內核是Blink。谷歌還開發了自己的JS引擎,V8,使JS運行速度極大地提高了
**Presto內核 : **代表作品是Opera,Presto是由Opera Software開發的瀏覽器排版引擎,它是世界公認最快的渲染速度的引擎。在13年之后,Opera宣布加入谷歌陣營,棄用了Presto
rem布局
[圖片上傳中。。。
(2)]d8219ee08c098540a8e0c60d480558d0.png
XHTML 與 HTML 的區別
strict html 4.01 標準 | xhtml 1.0 標準 |
---|---|
<html> 必須是root元素 | html元素需要有xml相關屬性 |
<head>和<body> 是 <html>中一定有且只有的元素 | 元素名必須是小寫字母 |
<head> 必須有 <title> | 元素屬性用"包圍,不能為空值 |
<meta>和<style>可選, 他們只能在<head>里 | 在內容里不能有&, 需要轉義,包括其他特殊字符<> |
<body> 里只能有 block元素 | 空元素以 />結尾 |
block元素不能放在inline元素里 | 標簽必須成雙成對 |
block元素不能放在p標簽里 | 標簽順序必須正確 |
ul和ol中只能有li元素,但li里可以放其他,包括block元素 | 所有屬性都必須使用雙引號 |
blockquote標簽中只能放block元素 | 不允許使用target="_blank" |