1. 程式人生 > >從零玩轉HTML5前端+跨平臺開發——文字相關屬性(掌握)

從零玩轉HTML5前端+跨平臺開發——文字相關屬性(掌握)

(寫程式碼高效率的技巧,可以按鍵盤程式碼英文的首字母,然後在按table就可以有個列表彈出,選出你要寫的即可)
1、規定文字樣式的屬性
格式:font-style:italic;
取值:
normal:正常的,預設是正常的
italic:傾斜的
快捷鍵:
fs   font-style:  italic
fsn  font-style: normal;
2、規定文字粗細的屬性
格式:
font-weight: bold
單詞取值:
bold 加粗 
bolder  比加粗好要粗
lighter  細線 預設就是細線
快捷鍵
fw   font-weight::;
fwb   font-weight: bold;
fwbr  font-weight: bold;


數字取值:
3、規定文字大小的屬性
font-size:30px
快捷鍵:
fz  font-size:;
4、規定文字字型的屬性
格式:font-family:“楷體”;
注意點:如果取值是中文,需要用雙引號或者單引號
快捷鍵:

ff  font-family:;

1.如果設定的字型不存在,那麼系統會使用預設的字型來顯示宋體
2如果設定的字型不存在,而我們又不想用預設的字型來顯示怎麼辦?
可以給字型設定備選方案
格式:font-family:”“,”“
3.如果想給中文和英文分別單獨設定字型,怎麼辦?
但凡是中衛字型,裡面都包含了英文
但凡是英文字型,裡面都沒有包含中文
也就是說中衛字型可以處理英文,而英文不能處理中文。
注意點:如果想給介面中的英文單獨設定字型,那麼英文字型必須寫在中文的前面


補充:在企業開發中最常見的字型有以下幾個
中文:宋體/黑體/微軟雅黑
英文:”times new roman” /Arial
還需要知道一點, 就是並不是名稱是英文就一定是英文字型,因為中文字型其實都有自己的英文名稱,所以是不是中文字型主要看能不能處理中文

相關推薦

HTML5前端+跨平臺開發——文字相關屬性(掌握)

(寫程式碼高效率的技巧,可以按鍵盤程式碼英文的首字母,然後在按table就可以有個列表彈出,選出你要寫的即可)1、規定文字樣式的屬性格式:font-style:italic;取值:normal:正常的,預設是正常的italic:傾斜的快捷鍵:fs   font-style:

HTML5前端+跨平臺開發——文字屬性(掌握)

1.文字的裝飾屬性格式:text-decoration:取值取值:underline  下劃線linethrough  刪除線overline  上劃線none:什麼都沒有none:最常見的用途就是用於去掉超連結的下劃線2.文字對齊的屬性格式:text-align:取值;取值

學習:HTML5前端+跨平臺開發(假連結(掌握))

假連結:點選之後不跳轉 假連結:點選之後不跳轉 <a href="#"><a><a href="JavaScript"><a>#的假連結會自動回到網頁的頂部,而javascript:的假連結不會自動回到網頁的頂部

學習:HTML5前端+跨平臺開發(video標籤(掌握))

A:video屬性:播放視訊  1.autoplay: 自動播放  2.controls: 控制條  3.poster: 佔位圖片  4..loop: 廣告視訊迴圈播放  5.muted: 靜音  6.preload: 預載入視訊和autoplay衝突  7.height:

學習:HTML5前端+跨平臺開發(base標籤(掌握))

base標籤就是專門用來統一的指定當前網頁中的所有超連結(a標籤)需要如何開啟格式:        <head>                <base target="_blank">        </head>注意:必須寫在head

HTML5前端+跨平臺開發——詳情和概要標籤(理解)

什麼是詳情和概念標籤?作用:利用summary標籤來描述概要資訊,利用details標籤來描述詳情資訊預設情況下是摺疊展示,想看見詳情必須點選格式:<details>        <summary>概要資訊</summary>     

學習:HTML5前端+跨平臺開發(表單標籤-非input標籤(掌握))

form表單標籤 <form action = "提交到伺服器地址">       <表單元素> </form>常見的表單元素     <input type = "text" name = "username"> 明文輸入框 

學習:HTML5前端+跨平臺開發(表單練習(理解))

單選框:radio,通過name屬性進行互斥;checked預設選中多選框:checkbox,通過name屬性進行互斥;checked預設選中下拉選中框:select除了按鈕型別的input標籤以外,其他的型別的標籤都可以通過一個value屬性來指定將來提交到伺服器的值提交:

學習:HTML5前端+跨平臺開發(表單標籤-按鈕(掌握))

【表單標籤——按鈕】(需要配合JS使用)1.普通按鈕<input type="button" value="我是按鈕”>2.圖片按鈕<input type="image" src="">3.重置按鈕<input type="reset">

學習:HTML5前端+跨平臺開發(伺服器和瀏覽器 瞭解)

https://www.jianshu.com/p/f6da3875834b1、什麼是瀏覽器主流有5款瀏覽器;都有不同的核心;使用份額最高;處理相容問題,主要處理5種瀏覽器;Google國內國外使用份額最高;2、什麼是伺服器可以理解為超級計算機;伺服器也是一臺電腦,但是配置比

HTML5前端+跨平臺開發——audio標籤(掌握)

音訊格式:<audio src=“ ”   自動播放 autoplay="autoplay"    控制按鈕 controls="controls" </audio>通過JavaScript框架  html5media  實現<audio> &l

【江哥帶你Html5 + 跨平臺開發】學習筆記

最近一段時間都沒有寫部落格,一是因為有新的專案要做,而是最近在學習有關H5移動開發相關方面的內容,以下是看了“【江哥帶你從“零”玩轉Html5 + 跨平臺開發】”總結的學習筆記,目前只是更新到了H5+CSS3,相關視訊網站地址:http://bbs.520it.com/fo

03-JavaWeb-創建類與對象

view vid nsh 所在 javaweb ada img course spa 創建類創建對象 一、什麽是成員變量 對象的一些狀態特征使用成員變量表示 二、行為什麽什麽表示 對象的 行為 使用 方法 表

06-JavaWeb-數組在內存當中的存放形式

bsp png images int 一個 logs 玩轉 初始化 重新 一、JVM的內存劃分   想要了解數組的內存存儲,先要了解JVM的整體內存劃分,詳細參見第04JVM內存詳解    二、數組在JVM當中的存儲詳解 假如我們有如下代碼:

09-JavaWeb-匿名對象

傳遞 tor target student .com log show original spa 什麽是匿名對象? 匿名對象:new Student(); 創建完對象後, 沒有把它賦值給一個具體的變量 非匿名對象:Student stu=new Student(); 上面

10-JavaWeb-判斷用戶是否為會員

代碼 設置 用戶 內容 b- log 關註 color strip 一、需求 判斷用戶是否為會員用戶類(User)有兩個狀態:name(名字)isVip(是否為會員),有一個行為確認自己是不是會員 二、定義類 根據需求定義出以下類 其中兩個狀態一個行為 三、實例對象

11-JavaWeb-構造器

target 什麽 反編譯工具 java 什麽是 javaweb 定義 禁止 第一時間 配套視頻: 1.什麽是構造器 2.構造器特點 3.自定義構造器 4.構造器重載 一、什麽是構造器?   我們看下面一行代碼   new 後面像不像是調用一個方法

12-JavaWeb-static關鍵字

href ava 生活 我們 cimage 筆記 一個人 sso 學習交流 配套視頻: static作用 static特點 static內存分析 一、引出static   在我們生活當中 , 有些事物不屬於某一個對象,而是屬於整個事物的類型  比如:全世界人口的總數

13-JavaWeb-成員變量與局部變量完全解讀

方式 amp targe http 實戰 變量定義 instr javaweb log 配套講解視頻: 1.變量劃分 2.成員變量與局部變量 3.變量的作用域與生命周期 一、變量定義方式   數據類型 變量名 = 值; 二、變量分類   變量根據定義位置不

25-JavaWeb-抽象類

發現 轉java ron javaweb com 圖片 http 方法 普通 一、抽象類解決什麽問題 求三角形,圓,矩形的面積      發現三個類都有共同的方法 ,所以我們可以抽出一個父類, 把他們相同的方法放到父類當中             二、什麽是抽象