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