前端學習第五天
元素浮動
-
float 浮動
- left right
- 元素浮動,後面的元素會上移頂替原來的位置
- 清除浮動: clear: left, right, both;
-
position 定位
relative: 相對他原來的位置, 原來的位置還佔著
absolute: 絕對於(相對定位的祖先元素)的位置,原來的位置不佔了
fixed: 靜止定位 靜止在視窗上
今日單詞
float: 浮動 -
clear: 清除
-
position: 位置、定位
-
top: 上、頂部
-
left: 左側
-
right: 右側、正確的
-
bottom: 底部(注意區別button: 按鈕)
-
relative: 相對的
-
absolute: 絕對的
-
fixed: 靜止的
程式碼:
運算結果:
程式碼:
執行結果:
思維導圖;
相關推薦
前端學習第五天
元素浮動 float 浮動 left right 元素浮動,後面的元素會上移頂替原來的位置 清除浮動: clear: left, right, both; position 定位 relative: 相對他原來的位置,
python學習第五天
func python程序 找到 即使 內置函數 star d+ 腳本 ttr 一、遞歸調用 遞歸調用是函數嵌套調用的一種特殊形式,函數在調用時,直接或間接調用了自身,就是遞歸調用;遞歸調用分為遞歸和回溯兩個階段 #示例: #場景:已知A的工資比B的工資多200
linux系統學習第五天
linux管理員技術 linux工程師技術 linux雲計算 深圳雲計算王森 在真機上操作,還原環境 [root@room9pc14 桌面]# rht-vmctl reset classroom [root@room9pc14 桌面]# rht-vmctl reset server [root
linux學習第五天
一 記憶體 1. 程式中如何操作記憶體,用一個符號來代表某一段記憶體,那對這個符號的操作就是對這一段記憶體的操作。其中符號和記憶體空間我們叫做變數,符號和空間都是變數的一部分符號叫做變數名,空間叫做變數空間。 2.
linux C學習第五天
今天對變數和常量進行了區分和深入的瞭解 一、變數 1、什麼是變數 程式中用一個字元來表示一段記憶體,因此對於記憶體的操作就是對這個符號的操作。而變數就是這個符號和4位元組的空間。(變數是一個整體,符號和空間都是變數的一部分) 2、變數的組成 (1)記憶體空間:存放資料的地
python學習第五天:python基礎(字串、有序集合列表、元組;正確理解元組不可變)
首先,什麼是sequence(序列)操作? 字串的特性被稱為sequence(序列) H o w a r e y o u ? 就好像儲存在一個個連續的單元格里面,每個單
python自動化運維學習第五天--檔案操作
迴圈遍歷檔案 使用open來開啟檔案 開啟模式: r:以讀方式開啟(只能開啟存在的檔案) w:以寫方式開啟(會覆蓋存在的檔案,檔案不存在會建立) a:以追加方式開啟(檔案不存在會建立) r+:以讀寫方式開啟 w+:以讀寫方式開啟(參考w) a+:
前端學習第55天 css三種引用、‘引用的優先順序’、基本選擇器、屬性、display
一、css三種引用 1、什麼是css CSS(Cascading Style Sheet,層疊樣式表)定義如何顯示HTML元素。 當瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文件進行格式化(渲染)。 2、三種引用 (1)行間式 行內式是在標記的style屬性中設定C
前端學習第57天 背景樣式、精靈圖、盒子模型佈局細節、盒子模型案例、w3c主頁
一、背景樣式 背景圖片過大過小處理 圖片過大直接設定寬高 圖片過小會自動平鋪,需求設定不要平鋪 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>背景
前端學習第7天
列表 有序列表:ordered list 定義有序列表 無序列表: unordered list 定義無序列表 描述列表 定義列表。 定義專案。
前端學習第63天,js基礎
一.js三個組成部分 ES: ECMAScript語法- DOM: document物件模型 => 通過js程式碼與頁面文件(出現在body中的所有視覺化標籤)進行互動- BOM: borwser物件模型 => 通過js程式碼與瀏覽器自帶功能進行互動 二.引入方式 - 行間式 ```出現
前端學習第65天js閉包函式,選擇器,事件初識,js處理頁面內容,事件控制標題欄,js控制類名
一.函式閉包 ```js // 函式的巢狀定義, 定義在內部的函式就稱之為 閉包 // 1.一個函式要使用另一個函式的區域性變數 // 2.閉包會持久化包裹自身的函式的區域性變數 // 3.解決迴圈繫結 function outer() { var num = 10; functio
java學習第五天
javaday05 java流程控制 1.分支語句 1)if else 語法格式: if(條件){ 執行語句; }else if(條件){ 執行語句; }else if(條件){ 執行語句; }else{ 執行語句; } 注1:if或else if在執行之後,後
前端學習第66天js高階
一.物件使用的高階 1,物件的key為字串型別, value為任意型別 ```js var obj = { name: "obj" } // 刪除 delete obj.name // 新增 obj.age = 18 // 如果age的key已存在就是修改值, 不存在就是新增鍵值對,
前端學習第71天JQ高階
一,jq選擇器 - css3語法選擇器 ```js $('css3選擇器位') ``` - 索引匹配 ```js $('div:eq(0)') $('div').eq(0) ``` - 內容 ```js $('div:contains(標籤文字內容)') // 注: 採用模糊匹配 ```
前端學習第73天bootstrap
一.ajax 1.後臺 ```python # 通過flask框架搭建後臺 from flask import Flask, request # 建立一個伺服器物件 app = Flask(__name__) # 解決ajax請求的跨域問題 from flask_cors import CORS
圖片燈箱外掛NotesForLignBox(如何呼叫jQuery外掛學習第五天)
NotesForLignBox是一個基於jQuery基礎開發的圖片放大瀏覽外掛,它支援絕大部分瀏覽器,廣泛應用在圖片檢視的選項中。該外掛有以下幾個強大的功能: 1.圓角的方式展示展示選中的圖片。 2.按鈕式檢視"上一張"或"
前端學習第5天
首先祝大家元旦快樂,2019的我們會更加優秀 來看一下今天的學習內容吧 一.css的三種書寫位置 1.內嵌樣式 書寫位置,css寫在style標籤裡面,寫在title下面 作用範圍,當前頁面 適用範圍,小的案例或者小的demo裡 2.行內樣式 書寫位置,css寫在標籤的style屬性裡
國嵌視訊學習第五天-程序通訊2
訊息佇列 發展 訊息佇列就是一個訊息的連結串列。可以把訊息看做一個記錄,具有特定的格式。程序可以向中按照一定的規則新增新訊息;另一些程序則可以從訊息佇列中讀走訊息。(這一點有些類似於管道,資料讀走了就不再在管道中了) 一個訊息佇列從實質上講就是一個檔案 分類 目前主要
spark基礎知識學習第五天(適合新手學習)
Shark Hive sql -> mrShark sql ->Spark coreSpark2.0之前的版本的Spark-SQL並不支援開窗函式和子查詢的1.Spark SQL1.6.x特點:(1).記憶體列儲存(不是按照物件儲存的),面向列的儲存方式(減少對記憶體的消耗)(2).位元組碼生成技