2018.09.24 學習筆記 // 前端CSS // 浮動與BFC
1.什麼是浮動？為什麼要清除？
脫離文件流
- 空間被後面的人佔用
- 不排隊的人也得排自己的隊
- 全部浮動，實現橫向排列
- 父元素沒有了高度（會影響後面的元素），所以要清除。
2.如何“清楚浮動”/“閉合浮動”？
1.overflow：hiddin 2.給父級新增偽元素選擇器
觸發了BFC
1. 什麼是BFC
BFC：“塊級格式化上下文”，一個環境中的元素不會影響其他環境中的佈局。比如浮動元素會形成BFC，浮動元素內部子元素主要受該浮動元素影響，兩個浮動元素之間是相互不影響的。BFC仍然屬於文件流。
2. 如何產生BFC
- a）float的值不為none
- b) overflow的值不為visible
- c) display的值為table-cell table-caption inline-block 中的任何一個
- d) position的值不為relative和static
css3 觸發bfc方式可以簡單描述為 在元素定位非 static relative 的情況下觸發 float也是一種定位方式
相關推薦
2018.09.24 學習筆記 // 前端CSS // 浮動與BFC
1.什麼是浮動？為什麼要清除？ 脫離文件流 空間被後面的人佔用 不排隊的人也得排自己的隊 全部浮動，實現橫向排列 父元素沒有了高度（會影響後面的元素），所以要清除。 2.如何“清楚浮動”/“閉合浮動”？ 1.overflow：hiddin 2.給父級新增偽元素
2018.09.29 學習筆記 // 前端Javascript // BOM與DOM
題目： DOM是哪種基本的資料結構？：樹 DOM操作的常用的API有哪些？ DOM節點的attr和property有何區別？ 知識點： DOM本質 將HTML結構化 DOM節點操作 獲取DOM節點 property //屬性 —— js的屬性 Att
2018.10.03 學習筆記 // 前端Javascript // BOM與DOM
題目： 如何檢測瀏覽器的型別 拆解url的各部分 知識點 navigator screen location history //navigator var ua = navigator.userAgent //字串 var isChrome = ua.inde
2018.09.23 學習內容 // 前端JavaScript
學前端也一年了，秋招到現在現在竟然一個offer也沒有。框架沒有在專案中接觸過，基礎也沒有打牢，真的是有些失敗了。 雖然一直迷茫、受打擊，也不知道是什麼支撐著我一直不放棄。 可能最後工作也不會做開發，但是總覺得要一直學下去。 以上。 一：變數型別與計算 1. j
mysql資料型別（2018.09.26學習筆記）
1.mysql的資料型別 1.0數值 1.0.0整數 tinyint smallint mediumint int bigint 1.0.1浮點小數 float double 1.0.2定點小數 decimal
mysql查詢練習（2018.09.27學習筆記）
USE testdb; DROP TABLE Student; DROP TABLE Course; DROP TABLE SC; DROP TABLE Teacher; -- 語法： SELECT select_list FROM table_name
2018.10.06 學習筆記 // 前端HTML // HTML基本結構
學了那麼久還是沒記住HTML的結構 = = 在Sublime上打上<html>標籤會自動補全下面的元素 首先有一個DOCTYPE元素來告訴瀏覽器HTML的版本。 然後網頁以<html>開始，以</html>結束。 接下來<
2018.7.24學習筆記
二進位制逆向題目解析 ctf2—-Input flag 用ida開啟這個檔案，進入流程圖模式： 使用Shift+12調出字串表，尋找有效字串： 這裡的字串很少，我們可以在下面看到一個”Flag is right”，點選進去可以進入彙編程式碼區：
前端學習筆記 day49 CSS選擇器補充
1.選擇器 其實就是找標籤，為這個標籤設定相應的樣式； 2. 偽選擇器 2.1 未被訪問的連結(a:link{}) VS 已被訪問的連結(a:visited{}) <! DOCTYPE html> <html>
前端學習筆記day02 CSS盒子模型
1. 製作導航欄： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> <
前端學習筆記day03 清除浮動的四種方式
1. 清除浮動 主要是為了解決父級元素因為子級元素設定浮動內部高度為0的情況（父級元素不方便設定height高度） <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">
【學習筆記】前端學習筆記 HTML+CSS+JavaScript+JQuery
學這些太痛苦了，我一定要成為演算法工程師！ HTML 簡介 Hyper Text Mark Language，超文字標記語言，使用一套標記標籤來描述網頁。 標籤，開始標籤，結束標籤，標籤內容，屬性。開始標籤後加/來結束，如<br/>。推薦使用小寫。
web前端開發學習筆記-05-css新增方法
原課程在這裡：https://www.icourse163.org/learn/BJFU-1003382003?tid=1003609002#/learn/announce 方法一：行內 <!DOCTYPE html> <html> <head>
web前端開發學習筆記-06-css選擇器
原課程在這裡：https://www.icourse163.org/learn/BJFU-1003382003?tid=1003609002#/learn/announce 標籤選擇器 <style type="text/css"> body{background-co
菜鳥學習筆記——前端開發——CSS（5） 例項練習
由於上次做網頁佈局的練習摔得有點慘，這次再找一個練一練，效果見下方動圖。例題網址 http://www.runoob.com/w3cnote/htmlcss-make-a-website.html這次練習的是——簡單的響應式網頁step1：只佈局，無響應效果導航欄由於之
菜鳥學習筆記——前端開發——CSS（3）
老樣子，先貼練習網址：菜鳥教程CSS例項：http://www.runoob.com/css/css-examples.htmlW3SCHOOL HTML參考手冊：http://www.w3school.com.cn/tags/tag_a.asp一、今天來學習一下盒模型（Bo
好程式設計師web前端學習路線分享CSS浮動-清除浮動篇
好程式設計師web前端學習路線分享CSS浮動-清除浮動篇，為什麼要清除浮動 這裡所說的清除浮動，並不是不要浮動了，而是清除
好程式設計師web前端學習路線分享CSS浮動-文件流篇
好程式設計師web前端學習路線分享CSS浮動-文件流篇，純文字的排列，文件流就像我們的文字內容一樣，所有的文字都會緊挨著，一個
CSS學習筆記05 CSS display屬性
嵌套 img ges htm 現在 inline 內聯元素 itl 註意 HTML標記一般分為塊標記和行內標記兩種類型，它們也稱塊元素和行內元素。 塊元素 每個塊元素通常都會獨自占據一整行或多整行，可以對其設置寬度、高度、對齊等屬性，常用於網頁布局和網頁結構的搭建。並且
2018-03-22 學習筆記
學習筆記2018-03-22 學習筆記 Pyhon環境部署： 系統：Linux最小系統 1、安裝git yum install git -y 2、安裝Python編譯依賴 yum -y install gcc make patch gdbm-devel openssl-devel sqlite-devel r