原创 元素的顯示與隱藏、CSS用戶界面樣式

1. 元素的顯示與隱藏 1. 目的: 讓一個元素在頁面中消失或者顯示出來。 2. 場景: 類似網站廣告,當我們點擊關閉就不見了,但是我們重新刷新頁面,會重新出現! 1.1 display顯示(重點) 1. display設置或檢索

原创 CSS中的邊框屬性

邊框屬性分類: Document 1.邊框 2.邊框倒角 3.邊框陰影 4.輪廓 一.邊框屬性 1. 邊框 1. 簡寫方式: 通過一個屬性控制四個方向邊框的效果。 屬性: border:width s

原创 css三角形之美與品優購項目

CSS三角形之美 div{ width: 0; height: 0; line-height:0; font-size: 0;

原创 rem基礎、 媒體查詢、 引入資源 (理解)

rem基礎 rem單位 rem(root em)是一個相對單位,類似於em,em是父元素字體大小。 不同的是rem的基準是相對於html元素的字體大小。 比如,根元素(html) 設置font-size=12px

原创 CSS中的漸變

1. 什麼是漸變 兩種或多種顏色間平滑過渡的效果 2. 漸變的組成(元素) 色標:決定了漸變的每種顏色及其出現的位置 每一種漸變效果都是由多個色標組成的(2個及以上)、 3. 漸變的語法 1.語法: 屬性: background

原创 移動web開發之flex佈局

1. flex佈局體驗 傳統佈局 flex彈性佈局 兼容性好 操作方便,佈局極爲簡單,移動端應用很廣泛 佈局

原创 Bootstrap 前端開發框架

Bootstrap 前端開發框架 Bootstrap 來自TWitter(推特), 是目前最受歡迎的前端框架。bootstrap 是基於HTML、CSS 和JavaScript的, 它簡潔靈活,使得web開發更加快捷。 中文官網:

原创 CSS中的浮動

浮動 1. 定位概述 所謂的定位,實際上就是定義元素框相對於其正常位置,應該出現的位置在哪。簡單地說, 定位就是改變元素在頁面上的默認 位置。 2. 定位分類 1. 普通流定位(元素默認定位方式) 2. 浮動定位 3. 相對定位

原创 vertical-align 垂直對齊 與 溢出的文字 省略號顯示 css精靈技術(sprite)重點

1.vertical-align 垂直對齊 1. 有寬度的塊級元素居中對齊,時margin:0 auto 2. 讓文字居中對齊,是text-align:center; 但是我們從來沒有講過有垂直居中的屬性 ve

原创 磁盤分區及格式化和掛載

1、磁盤分區 (1)易於管理和使用: 比如說我們把磁盤分了sda1、sda2、sda3、sda4盤,我們假設sda1盤爲系統盤,其他的比如說遊戲、辦公、軟件盤,這樣我們要重新分哪個區就直接在對應的盤分就可以了,不需要整塊磁盤進行分

原创 linux基本權限、特殊權限、ARL權限

使用ll (ls -l )查看該目錄的內容列表,如:d rwx r-x r-x ,代表的就是這個目錄或文件的權限。簡單來講,r表示可讀、w表示可寫、x表示可執行。 第一列表示這個文件的類型 d: 表示這個文件爲目錄 -: 表

原创 CSS中的文本格式化與表格

文本格式化 1. 字體屬性 1. 指定字體系列 屬性: font-family 取值: value1,value2,... ... 注意: 字體取值包含中文或特殊符號,使用""引起來 ex(例子): font-family:

原创 HTML5中的表單

表單 1. 表單作用 用於顯示、收集用戶信息,並將信息提交給服務器 1. 表單元素-負責將用戶數據提交給服務器 2. 表單控件-負責接收用戶的數據(與用戶進行數據交互) 2. 表單元素 1. 標記 <form></

原创 css概述與語法

1. css概述 1. 問題 先帶着問題學習css: 設置頁面中所有的文本顏色爲紅色。 設置頁面中所有的p元素文本爲藍色。 設置頁面中所有的h3元素文本也爲藍色。 將頁面中所有的p元素文本顏色改爲綠色。 HTML的不足: 1

原创 css中的顯示、列表與定位

1. 顯示 1. 顯示方式 1. 作用: 顯示方式決定了元素在頁面中如何擺放定位。 2. 語法: 屬性:display 取值: 1. none 讓你生成的元素不顯示-隱藏 特點: 脫離文檔