Web前端开发笔记——第三章 CSS语言 第八节 CSS3文本文字设置
生活随笔
收集整理的這篇文章主要介紹了
Web前端开发笔记——第三章 CSS语言 第八节 CSS3文本文字设置
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
目錄
- 前言
- 一、文本陰影
- 二、強制換行
- 三、字體設置
- 結語
前言
本節中的僅支持CSS3中的新語法，比如文字的陰影、長文本的換行等等。
一、文本陰影
通過定義text-shadow來對文本進行陰影設置，其屬性依次是水平陰影距離、垂直陰影距離、陰影的大小、陰影顏色。
如下代碼，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，即超文本標記語言。</p> </body></html>運行結果如下：
二、強制換行
可以通過使用word-wrap來對長文本或URL進行強制的換行，其屬性默認為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>運行結果如下：
三、字體設置
可以通過@font-face來使用引入自己想使用的字體，該字體在計算機上是沒有的，即該字體是在@font-face中定義的。
首先在html文件的head標簽內定義<style></style>標簽，以@font-face開頭，其中包括font-family屬性和src屬性，font-family定義字體的名稱，src：url()中包括該字體的來源，如下：
而當我們要引用我們設置的字體文件時，即在標簽中通過font-family后接該其字體名稱即可，如下：
結語
以上就是全部內容，篇幅較長，感謝您的閱讀和支持，若有表述或代碼中有不當之處，望指出！您的指出和建議能給作者帶來很大的動力！！！
總結
以上是生活随笔為你收集整理的Web前端开发笔记——第三章 CSS语言 第八节 CSS3文本文字设置的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： （*长期更新）软考网络工程师学习笔记——
- 下一篇： 【网络】浏览器输入URL到展示页面全过程