本樣式
h1 {
color: blue;
}
- 回顧上一節的內容,我們讓h1標題的文字變成了藍色,注意如果html中有多個h1標簽,那我們這種寫法所有的h1標簽都會變成藍色,除了顏色,本節我們將學習更多的CSS屬性
文字大小font-size
h1 {
color: blue;
font-size:26px;
}
設置字體:font-family
h1 {
color: blue;
font-size: 26px;
font-family: sans-serif;
}
字體轉換:text-transform
h1 {
color: blue;
font-size: 26px;
font-family: sans-serif;
text-transform: uppercase;
}
文本樣式:font-style
h1 {
color: blue;
font-size: 26px;
font-family: sans-serif;
text-transform: uppercase;
font-style: italic;
}
設置段落的行高:line-height
p {
font-size: 22px;
font-family: sans-serif;
line-height: 1.5;
}
設置文字對齊方式:text-align
h4 {
text-align: center;
}
、CSS字體樣式
定義字體系列,大小,粗細和文字樣式
(一)字體系列(font-family)
(二)字體大小(font-size)
(三)字體粗細(font-weight)
(四)字體樣式(font-style)
(五)字體復合屬性(font)
p {
font: font-style font-weight font-size/line-height font-family;
}
不能更換順序,必須保留font-size和font-family
二、CSS文本屬性
定義文本外觀,如:文本顏色,對齊文本,裝飾文本,文本縮進,行間距等
(一)文本顏色(color)
(二)對齊文本(text-align)
(三)裝飾文本(text-decoration)
(四)文本縮進(text-indent)
(五)行間距(line-height)
三、格式化代碼
- Emmet語法
前身為Zen coding,它使用縮寫來提高html/css的編寫速度,VSCode內部已經集成該語法,快速生成HTML結構語法和CSS樣式語法
2. 快速生成HTML結構語法
- 生成標簽,直接輸入標簽按Tab鍵即可
- 生成多個相同的標簽,標簽加星號*鍵按Tab鍵
- 父子級關系的標簽,可以用大于號>和enter鍵
- 兄弟關系的標簽,可以用加號+和enter鍵
- 生成帶有類名或id名字,可寫成標簽加.類名/#名加Tab鍵(p.one生成
- )
- 生成.div類名是有順序的,可用自增符號¥
- 生成標簽的內部寫內容,可用{}表示
3.快速生成CSS樣式語法
- CSS基本采取簡寫形式即可(w 200 加Tab生成width: 200px;)
- 單詞首字母加Tab鍵
4.快速格式化代碼
- Shift+Alt+F/右鍵-格式化代碼
- 保存頁面時自動格式化代碼(在設置中的文本編輯器中找到格式,勾選Format On Save即可,也可把Format On Type勾選上)
5.去掉li前面的項目符號
- 本樣式對齊文本text-align屬性用于指定文本塊的對齊方式,可選值包括: 1)start:內容對齊開始邊界,默認; 2)end:內容對齊結束邊界; 3)left:內容左對齊; 4)right:內容右對齊; 5)center:內容居中對齊; 6)justify:內容兩端對齊。當text-align屬性使用了justify值時,可以使用text-justify屬性指定文本添加空白的方式,這個屬性...
- 了解了包的概念,就可以系統的介紹Java中的訪問控制級別。在Java中,針對類、成員方法和屬性提供了四種訪問級別,分別是private、default、protected和public。 權限訪問修飾符(權限從大到小依次往右排) public(公共) protected(受保護) default(缺省) private(私有) 同一個類 √ √...
- Rust 提供了代碼封裝的機制。可以通過crate (等同于Java中的package)創建相對獨立的module模塊,模塊中封裝了可以重復使用的功能函數。當創建了自己的 lib 庫或者要使用第三方的庫的時候(這些庫就是一些事先寫好的crate)需要將這些庫中的module 模塊引用到當前的環境中。Rust提供了以下幾種引用方式:一、使用 extern crate在使用這些Module的文件中,通過...
- 填空題: 他______犧牲生命_______出賣組織? 據數據統計,不同年代的同學回復的最多的是….. 60后,他寧可犧牲生命,也不出賣組織。 70后,他害怕犧牲生命,所以出賣組織。 80后,他與其犧牲生命,不如出賣組織。 90后,他即使犧牲生命,也要出賣組織。 00后,他白白犧牲了生命,忘了出賣組織。 上邊的案例,引發了大家對”自我與企業關系的思考”. 能力與欲望...
- 歷屆試題 國王的煩惱 時間限制:1.0s 內存限制:256.0MB 問題描述 C國由n個小島組成,為了方便小島之間聯絡,C國在小島間建立了m座大橋,每座大橋連接兩座小島。兩個小島間可能存在多座橋連接。然而,由于海水沖刷,有一些大橋面臨著不能使用的危險。 如果兩個小島間的所有大橋都不能使用,則這兩座小島就不能直接到達了。然而,只要這兩座...
- go test命令參數問題在使用go test對go代碼進行單元測試的時候,遇到關于命令參數的問題,google了一下,沒有找到很好的說明,其實就是一些細節而已。問題是這樣的,在進行單元測試的時候,我希望輸入一些命令行參數來控制程序的運行。 參考go官方文檔,只需要在go test后面加上-args和參數就可以了 例如 go test -args -classpath E:\testcase...
- 阿里云OSS-使用經驗總結,存儲,賬號-權限,分頁,縮略圖,賬號切換最近項目中,需要使用云存儲,最后選擇了阿里云-對象存儲服務OSS。總的來說,比較簡單,但是仍然遇到了幾個問題,需要總結下。1.OSS總的使用介紹 https://help.aliyun.com/document_detail/oss/sdk/java-sdk/manage_object.html?spm=5176.docoss/...
- WEB應用圖片的格式,以及各自的特點和優化(一) by FungLeo前言12年前我入行三天.用table布局做了一個非常粗糙的網頁.我說了一句話,”網頁就是表格加文字加圖片,圖片分兩種,插入圖片和背景圖片”.這句話在今天看來,當然是一個笑話.但是當時我說出這句話的時候,當時的那些前輩都非常認可我的總結,并且認為我很有從事網絡發展的潛力啊.哎,要不是他們的鼓勵,說不定我早轉行了……扯遠了.說回正題,...
- 1. 單表數據的導出針對單表數據的導出操作,MongoDB 提供了 mongoexport 命令。mongoexport 既可以將數據導出為 CSV 格式的文件,也可以導出 JSON 格式的文件。這兩者之間的區別是:JSON 是 mongoexport 默認的導出格式,不需要指定,而要導出 CSV 格式的話需要明確指定;導出 CSV 格式必須顯式指定各屬性名,而導出 JSON 格式不需要。由此可見...
- 商業智能對于中小企業來說,由于其高昂的費用和運行維護技術水平要求高,往往難以承受,商業智能SAAS系統平臺+模塊的創新模式的出現能幫助中小企業走上商業智能之路。...
- stack.sh給出了一個非常好的例子,關于學習openstack創建 1.檢查devstack文件,檢查bash4.2以上,檢查用戶,不能是root2.準備環境,導入函數3.檢查local.conf和localrc是否都存在,如果存在使用localrc4.檢查是否已經運行devstack5.代理設置和禁用無效服務6.配置sudo7.配置distro庫8.配置目標目錄,創建目標目錄9.配置主機、日...
- 博客地址:http://blog.csdn.net/FoxDave本文介紹如何利用SharePoint客戶端對象模型(.NET)逐級獲取Office 365網站中List的內容,僅僅是示例,沒有講究太多東西。代碼如下:ClientContext ctx = new ClientContext(""); ctx.Credentials = new SharePointOn...
- 題外話Atom,風風雨雨走過一年多了.,目前最新版本是V1.7.0 .社區還是相當活躍;體驗也改善了很多;但是性能上還是欠缺;今天我再來介紹自己常用的一款插件git-control插件介紹 官方介紹頁面 作者: jacogr Github地址 我的介紹 就是命令行的GUI版本,,有些類似sourcetree,但是不如它強大,日用滿足使用在編輯器下加載git版本的工作目錄;工具默認啟用快捷鍵...
- 安裝devstack后,如果沒有設置參數,執行openstack命令是不成功的。1.登錄到horizon頁面,使用admin登入,進入project->compute-> Access&Security -> API Access,記錄下Service Endpoint。或選擇download OpenStack RC File按鈕,下載demo-openrc.sh文件2.將demo-openrc...
- 對于這樣的問題,看到第一眼就是暴力破解,所以也就遞歸找到所有情況,再篩選出合格的小明被劫持到X賭城,被迫與其他3人玩牌。 一副撲克牌(去掉大小王牌,共52張),均勻發給4個人,每個人13張。 這時,小明腦子里突然冒出一個問題: 如果不考慮花色,只考慮點數,也不考慮自己得到的牌的先后順序,自己手里能拿到的初始牌型組合一共有多少種呢?思路: 首先無論怎么取,手牌為13張的時候結束.也就是遞歸結束標...
- 網紅和粉絲經濟,是最近幾年流行起來的概念。 截至目前,有一些初步的認識,整理成文。 粉絲,最早是明星的跟隨者比較多。 我的理解是,對于一個人物、動物、運動等,有著共同的興趣,從而建立多個人和一個人之間的關系,比如粉絲和明星。 粉絲經濟,大獲成功的標志是,雷軍和小米科技。在創業早期,就把粉絲經濟和社交傳播結合在一起,低成本地實現了全網營銷。從此以后,各大手機廠商等很多領域的企業,都...
- 關于android端apk退出方式的設計,現在大體只有下面幾種:1,有退出和取消按鈕;2,一定時間內兩次返回為退出;3,一次返回就是退出。首先可以看到這兩個用按鈕的,退出都在左側,設計者肯定沒有看過十年前雅虎研究院出的web端設計指導,下一步的操作一定是在右側,而返回上一步的操作是在左側。但是到了移動端應該考慮用戶是左手還是右手使用,也就是說,如果是左手使用,這個位置設計沒有問題,反之就不用說了。...
- 寫在最前:本文主要描述在網站的不同的并發訪問量級下,Mysql架構的演變可擴展性架構的可擴展性往往和并發是息息相關,沒有并發的增長,也就沒有必要做高可擴展性的架構,這里對可擴展性進行簡單介紹一下,常用的擴展手段有以下兩種Scale-up : 縱向擴展,通過替換為更好的機器和資源來實現伸縮,提升服務能力Scale-out : 橫向擴展, 通過加節點(機器)來實現伸縮,提升服務能力對于互聯網的高并...
- angular.js中,指令是最基礎的也是最重要的工具之一。angular.js指令指的是以ng為前綴的HTML屬性。在之前的ng-app、ng-model等,都屬于指令。 angular.js中的基本指令包括如下內容: · 1.ng-app/ng-model ng-app指令用于聲明angular,js的作用范圍,ng-model用于聲明模型。這些在之前都已經進行過詳細介紹。 2.ng-...
- java編碼 當你的字節序列是某種編碼時,這個時候想把字節序列變成 字符串,也需要用這種編碼方式,否則會出現亂碼 文本文件就是字節序列 可以是任意編碼的序列,如果在中文機器上直接創建文本文件,那么該文本文件 只認識ANSI編碼 案例: public class Bianma { public static void main(Strin...
- 調試JDK源碼-一步一步看HashMap怎么Hash和擴容調試JDK源碼-ConcurrentHashMap實現原理調試JDK源碼-HashSet實現原理調試JDK源碼-調試JDK源碼-Hashtable實現原理以及線程安全的原因 ConcurrentHashMap線程安全的總結是我從源碼分析出來的:ConcurrentHashMap所謂線程安全是哈希沖突的時候新增的節點是線程安全的,而 Conc...
- 對于后臺系統的搜索進行UI自動化,主要是比對頁面查詢結果是否與預期一致(即數據庫查詢結果) search.py# -*- coding:utf8 -*- import HTMLTestRunner import time import unittest import public from selenium import webdriver class Search(unittest.TestCa...
- ajax 的全稱是Asynchronous(異步的意思) JavaScript and XML,是一種創建交互式網頁應用的網頁開發技術 ajax技術的流行得益于google的大力推廣,正是由于google產品對ajax技術的廣泛應用,使得ajax流行起來了。 Ajax其核心有JavaScript、XMLHTTPRequest、DOM對象組成,通過XmlHttpRequest對象來向服務器發異步請求,從服務器獲得數據,然后用JavaScript來操作DOM而更新頁面。這其中最關鍵的一步就是從服務器獲得請...
- 一、SpringMVChttp://blog.csdn.net/evankaka/article/details/45501811Spring Web MVC是一種基于Java的實現了Web MVC設計模式的請求驅動類型的輕量級Web框架,即使用了MVC架構模式的思想,將web層進行職責解耦,基于請求驅動指的就是使用請求-響應模型,框架的目的就是幫助我們簡化開發,Spring Web MVC也是要簡...
- 概念: 優化策略:字段選擇性 選擇性較低索引 可能帶來的性能問題索引選擇性=索引列唯一值/表記錄數;選擇性越高索引檢索價值越高,消耗系統資源越少;選擇性越低索引檢索價值越低,消耗系統資源越多;查詢條件含有多個字段時,不要在選擇性很低字段上創建索引可通過創建組合索引來增強低字段選擇性和避免選擇性很低字段創建索引帶來副作用;盡量減少possible_keys,正確索引會提高sql查詢速度,過多索引...
- 一. 什么是Spark? Spark是UC Berkeley AMP lab所開源的類Hadoop MapReduce的通用的并行計算框架,Spark基于map reduce算法實現的分布式計算,擁有Hadoop MapReduce所具有的優點;但不同于MapReduce的是Job中間輸出和結果可以保存在內存中,從而不再需要讀寫HDFS,因此Spark能更好地適用于數據挖掘與機器學習等需...
- 相比之前的增改查,刪除就顯得簡單的多了。 這里的request的type為delete,刪除成功的status為204,404則是要刪除的記錄不存在 var id = 'BAD90A95-7FEA-E511-9414-ADA183AB6249'; $.ajax({ async: false, type: "DELETE ", co...
- 關于JPush極光推送是國內的服務廠商提供的一站式push服務(同時支持iOS、android),后面也加入了即時通訊的能力供app使用。致力于打造簡單、可靠、價格有競爭力的服務(簡單功能全免費,高級版才收費),讓應用開發商可以聚焦業務開發,push相關的技術實現全部通過極光推送來解決,僅需調用極光推送的api即可。正因為如此,開發者小伙伴們對其的評價相當不錯。筆者的app新增了從服務器往移動客戶端...
- Mapreduce初析 Mapreduce是一個計算框架,既然是做計算的框架,那么表現形式就是有個輸入(input),mapreduce操作這個輸入(input),通過本身定義好的計算模型,得到一個輸出(output),這個輸出就是我們所需要的結果。 重點就是這個計算模型的運行規則。在運行一個mapreduce計算任務時候,任務過程被分為兩個階段:map階段...
- Jquery對象常用的方法:$(”p”).addClass(css中定義的樣式類型); 給某個元素添加樣式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 給某個元素添加屬性/值,參數是map $(”img”).attr(”src”,”test.jpg”); 給某個元素添加屬性/值 $(”img”).attr(”title”, function(...