Web前端开发笔记——第三章 CSS语言 第八节 CSS3文本文字设置
目錄
- 前言
- 一、文本陰影
- 二、強(qiáng)制換行
- 三、字體設(shè)置
- 結(jié)語
前言
本節(jié)中的僅支持CSS3中的新語法，比如文字的陰影、長文本的換行等等。
一、文本陰影
通過定義text-shadow來對文本進(jìn)行陰影設(shè)置，其屬性依次是水平陰影距離、垂直陰影距離、陰影的大小、陰影顏色。
如下代碼，css代碼：
html代碼：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><link rel="stylesheet" href="../CSS/style.css" /> </head><body><p>HTML的英文全稱是 Hyper Text Markup Language，即超文本標(biāo)記語言。</p> </body></html>運(yùn)行結(jié)果如下：
二、強(qiáng)制換行
可以通過使用word-wrap來對長文本或URL進(jìn)行強(qiáng)制的換行，其屬性默認(rèn)為normal，以及break-word。
如下代碼，css代碼：
html代碼：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><link rel="stylesheet" href="../CSS/style.css" /> </head><body><p>Hyper Text Markup Language</p> </body></html>運(yùn)行結(jié)果如下：
三、字體設(shè)置
可以通過@font-face來使用引入自己想使用的字體，該字體在計(jì)算機(jī)上是沒有的，即該字體是在@font-face中定義的。
首先在html文件的head標(biāo)簽內(nèi)定義<style></style>標(biāo)簽，以@font-face開頭，其中包括font-family屬性和src屬性，font-family定義字體的名稱，src：url()中包括該字體的來源，如下：
而當(dāng)我們要引用我們設(shè)置的字體文件時(shí)，即在標(biāo)簽中通過font-family后接該其字體名稱即可，如下：
結(jié)語
以上就是全部內(nèi)容，篇幅較長，感謝您的閱讀和支持，若有表述或代碼中有不當(dāng)之處，望指出！您的指出和建議能給作者帶來很大的動(dòng)力！！！
總結(jié)
以上是生活随笔為你收集整理的Web前端开发笔记——第三章 CSS语言 第八节 CSS3文本文字设置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： （*长期更新）软考网络工程师学习笔记——
- 下一篇： （*长期更新）软考网络工程师学习笔记——