2018.12.12
生活随笔
收集整理的這篇文章主要介紹了
2018.12.12
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>復(fù)習(xí)預(yù)習(xí)</title>
</head>
<body>
<!-- 1.盒子的顯隱 -->
<!-- display: none => display: block -->
<!-- 盒子在頁面中隱藏后,不在頁面中占位, 顯示出來后,占位 -->
?
<!-- opacity: 0 => opacity: 1 -->
<!-- 盒子在頁面中隱藏后,在頁面中占位, 顯示出來后,占位位置不變 -->
?
<!-- 2.定位布局 -->
<!-- 相對定位:
參考自身原有位置
上下取上(左右取左)
left=-right(top=-bottom)
不脫離文檔流
-->
<!-- 絕對定位:
參考最近的定位父級
上下取上(左右取左)
完全脫離文檔流 => 父級一定要設(shè)置自身高度(寬度一般也需要設(shè)置)
-->
<!-- 固定定位:
參考頁面窗口 => 公告, 相對頁面靜止的導(dǎo)航欄/工具欄等等
-->
<!-- z-index: 改變顯示的層級, 正整數(shù), 值越大顯示層級越高 -->
?
<!-- 3.流式布局思想 -->
<!-- 百分比 | auto | inherit | vw(vh) | em(rem) | max-width(min-width) -->
<style type="text/css">
/*inline相關(guān)盒子的一些文本屬性默認值為inherit(繼承)*/
span {
font-size: inherit;
}
</style>
?
?
<!-- 今日 -->
<!-- 知識點復(fù)習(xí)與案例書寫 -->
</body>
</html>
?
<!--------------------------------------------------------------------------------------------!>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html基礎(chǔ)復(fù)習(xí)</title>
</head>
<body>
<!-- 前端: 用戶可見的所有界面均是前端(PC端/移動端) -->
<!-- html: 頁面架構(gòu)搭建 | css: 頁面布局樣式 | js: 頁面交互渲染 -->
<!-- 編輯器: webstrom | sublime | atom | pycharm ?-->
<!-- 標簽: <字母開頭 + 合法字符(數(shù)字|-)> => (標簽具有作用域,有頭有尾) <abc> | <num1> | <nav-title> -->
<!-- 指令: <!doctype html> 注釋 -->
<!-- 轉(zhuǎn)移字符: ≷ -->
?
<!-- 基本標簽: div | span | hn | p | ul>li | hr | br | form>input | table>tr>th(td) | a | img | b | i | meta | link | script |
轉(zhuǎn)載于:https://www.cnblogs.com/jutao/p/10110523.html
總結(jié)
以上是生活随笔為你收集整理的2018.12.12的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Java面试总结（2018 - 12 -
- 下一篇： 自定义requestAnimationF