Css3引用外部字体样式---博客园老牛大讲堂

css3可以实现什么？

　　圆角，阴影，动画...

选择器：

　　>:孩子选择器：例子：div>b{color:red}(div下孩子b颜色为红色)

　　~:兄弟选择器：例子：div~b{color:red}(div下的兄弟为红色)

例子一：

英文换行属性：--博客园老牛大讲堂

　　word-break: break-all;//设置英文字体换行

效果图：

代码：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">.div1{width: 150px;height: 100px;border: 1px solid #FF0000;word-break: break-all;//设置英文字体换行}</style></head><body><div class="div1">sadfasdfasdassssssssssssssssssss</div></body>
</html>

例子二：--博客园老牛大讲堂

H5引用好看字体的方法，以及文字的阴影效果：（通常一些网站可以让字体变的好看，他们是怎样做到的呢？）

　　1、首先百度：字体下载或者：访问：http://font.chinaz.com/进行下载。解压之后如图所示

　　2、把解压后端Monster.ttf文件拷贝到自己工程下，其中工程名字Css3，引用方法如图所示。

　　代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<style type="text/css">@font-face{font-family: myfont;//自己命名src: url("../font/Monster.ttf");}.div_1{margin-bottom: 20px;font-size: 2em;width: 500px;height: 20px;font-family: myfont;text-shadow: 2px 2px 5px red;//给文字加阴影效果，参数意思（x轴偏移量，y轴偏移量，阴影的长度，阴影的颜色）}</style>
<body>
<div  class="div_1">CHINAZ</div>
<div>CHINAZ</div>
</body>
</html>

转载于:https://www.cnblogs.com/laonniudajiangtang/p/5887564.html

Css3引用外部字体样式---博客园老牛大讲堂相关推荐

H5移动开发AUI框架入门---博客园老牛大讲堂
大家都知道H5可以开发移动端的页面,网上提供的移动端的开发都有很多.因为我学习了AUI框架,所以我这里介绍一下移动端AUI框架.--博客园老牛大讲堂一.AUI框架是什么?---博客园老牛大讲堂 AU ...
java 模拟登陆exe_Java简单模拟登陆和爬虫实例---博客园老牛大讲堂
鉴于有人说讲的不清楚,我这里再详细补充一下:更新日期:2017-11-23 本片文章适合初学者,只简单说了一下爬虫怎么用,和一个简单的小实例.不适合你的就可以不看了.----博客园老牛大讲堂 1.什么 ...
mysql链表_MySql链表语句--博客园老牛大讲堂
为什么链表?--博客园老牛大讲堂因为表与表之间有关系,而且查询时需要两张表的某些数据. 链表的前提是:表与表之间必须设置主外键吗? 不是的,其实表与表之间不需要设置主外键关系,用数据库语句就可以实现 ...
Java实现第三方的验证码发送问题--博客园老牛大讲堂
简要:本篇文章,主要介绍怎样利用第三方平台实现短信验证码的发送问题.--博客园老牛大讲堂 1.Java发送(验证码,短信)原理--博客园老牛大讲堂 1.首先用户选定一个第三方平台. 2.进行一系列操作 ...
bootstrap实现网页手风琴--博客园老牛大讲堂
网页常用有网页的左右导航,其中用到了bootstap框架. 例子一. <!DOCTYPE html> <html><head><meta charset=&q ...
mysql左链表右链表区别_MySql链表语句--博客园老牛大讲堂
为什么链表?--博客园老牛大讲堂因为表与表之间有关系,而且查询时需要两张表的某些数据. 链表的前提是:表与表之间必须设置主外键吗? 不是的,其实表与表之间不需要设置主外键关系,用数据库语句就可以实现 ...
import json java_JAVA的JSON数据包装-博客园老牛大讲
标签: 一.什么是json呢? { "id":"1", "username":"老牛大讲堂", "passwo ...
Flag counter被博客园禁了的解决方法
突然发现Flag counter展示不出来一开始还以为是网速的问题,后来搜了搜才知道博客园把Flag counter禁了....之前的访问量全没了5555(虽然也没多少) 只好换一个记录访问量的好了 ...
同样的文章2个网站2种待遇，2个眼光，博客园是逼我走、程序员网站是请我过去，这就是人才在不同公司的待遇一样的道理
昨天晚上很热血的写了两篇文章,结果一个被博客园强制撤下首页. 今天被CSDN网站发布到首页,为我免费做广告,http://www.csdn.net/, 同时给我上了2个首页. C# ASP.NET 开 ...

Css3引用外部字体样式---博客园老牛大讲堂

Css3引用外部字体样式---博客园老牛大讲堂相关推荐

最新文章

热门文章