css3入门之字体

关键词：

<style>
    @font-face {
        font-family: SentyPaperCut;
        src:url(http://hstarcdn.github.io/fonts/SentyPaperCut.ttf);
    }
    @font-face {
        font-family:SentyCreamPuff;
        src:url(http://hstarcdn.github.io/fonts/SentyCreamPuff.otf);
    }
    .font1,.font2{
      font-size: 50px;
    }
    .font1{
      color: red;
      font-family: SentyTEA-Platinum;
    }
    .font2{
      color: blue;
      font-family: SentyCreamPuff;
    }
</style>

<span class="font1">
  自定义字体演示
</span>
<span class="font2">
  自定义字体演示
</span>

1-2:css3课程入门之结构选择

E:nth-child(n)表示E父元素中的第n个字节点p:nth-child(odd){background:red}/*匹配奇数行*/p:nth-child(even){background:red}/*匹配偶数行*/p:nth-child(2n){background:red}E:nth-last-child(n)表示E父元素中的第n个字节点，从后向前计算E:nth-of-type(n)表示 查看详情

游戏编程入门之测试字体输出(代码片段)

(1)创建字体:  DirectX提供一个字体类，它为我们抽象了整个过程，从而让我们可以少关注流程(比如满载字体的位图图像)而花更多的时间在游戏的代码上。ID3DXFont接口用于创建字体，其指针版本已经预定义好了。1LPD3DFONTfont... 查看详情

朱朝兵《web前端开发之html5+css3快速入门》课程资料在线学习

《Web前端开发之HTML5+CSS3快速入门》【课程简介】本课程由一直专注前端技术与Discuz模板设计与制作！DZ起点网创始人朱朝兵出品，通过本课程学习，即可掌握html5的基本结构，还可以熟悉掌握CSS3新增的属性，并可以独立完成一些... 查看详情

1-3:css3课程入门之伪类和伪元素

E:target表示当前的URL片段的元素类型，这个元素必须是EE:disabled表示不可点击的表单控件E:enabled表示可点击的表单控件E:checked表示已选中的checkbox或radioE::after生成内容在E元素后E:not(s)表示E元素不被匹配E~F表示E元素毗邻的F元素E:fir... 查看详情

mfc编程入门之十八（对话框：字体对话框）

　　在上一节为大家讲解了文件对话框的使用，本节则主要介绍字体对话框如何应用。　　字体对话框的作用是用来选择字体。我们也经常能够见到。MFC使用CFontDialog类封装了字体对话框的所有操作。字体对话框也是一种模态对... 查看详情

css3入门

CSS3边框border-radiusbox-shadowborder-imageCSS3背景background-sizebackground-originbackground-clip CSS3文本效果text-shadow word-wrap text-overflow CSS3字体　　CSS3@font-face CSS32D转换trans 查看详情

（转载）vs2010/mfc编程入门之十八（对话框：字体对话框）

鸡啄米在上一节为大家讲解了文件对话框的使用，本节则主要介绍字体对话框如何应用。      字体对话框的作用是用来选择字体。我们也经常能够见到。MFC使用CFontDialog类封装了字体对话框的所有操作。字... 查看详情

网站设计之flash简单动画入门介绍字体闪烁及渐显

...PS、Flash、HTML等操作，所以这篇文章主要是对Flash动画的入门介绍，希望对你有所帮助，因为是非常基础甚至没有涉及到代码的文章，如果文章中存在错误或不足之处，还请海涵~一.软件介绍    该软件主 查看详情

css3（边框，背景，字体，颜色之rgba与透明度opcity，图片和渐变颜色）

边框:盒子圆角：border-radius：5px/20%；border-radius:5px4px3px2px;左上，右上，右下，左下。盒子阴影：box-shadow：box-shadow:x轴偏移量y轴偏移量阴影模糊半径(阴影颜色的模糊程度) 阴影扩展半径阴影颜色 投影方式注意：inset是指阴... 查看详情

［cordova之入门篇］(代码片段)

1.cordova是什么ApacheCordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 2.为什么用cordova基于webView将网页嵌入到原生应用中以实现跨平台。不必在多个平台上分别进行原生应用的开发，... 查看详情

mfc编程入门之十九（对话框：颜色对话框）

　　在上一节中为大家讲解了字体对话框的使用方法，熟悉了字体对话框，本节继续讲另一种通用对话框——颜色对话框。　　颜色对话框大家肯定也不陌生，我们可以打开它选择需要的颜色，简单说，它的作用是用来选择颜色... 查看详情

css3样式_实现字体发光效果

...xt-shadow属性仅仅是用来设置文本阴影的，似乎并不能实现字体发光效果。其实不然，这正是text-shadow属性的精妙之处。当阴影的水平偏移量和垂直偏移量都为0时，阴影就和文本重合了。这时，如果增大阴影模糊的距离，就可以达... 查看详情

前端相关书籍

...S世界CSS揭秘图解CSS3：核心技术与案例实战 javaScript从入门到精通（标准版）javaScript权威指南CSS权威指南Web前端工程师修练之道HTML5+CSS3从入门到精通 前端基础实战：CSS高效开发实战CSS3LESSSASSBootstrapFoundationjquery实战从入门... 查看详情

黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程-css3(代码片段)

一、基础班学习路线三、CSS3基础1.CSS的三大特性CSS三大特性之层叠性CSS三大特性之继承性行高的继承CSS三大特性之优先级CSS权重的叠加十个在最后累加会变成0，0，0，10；权重虽然会叠加，但是永远不会有进位... 查看详情

响应式web设计之css3mediaqueries

开始研究响应式web设计，CSS3MediaQueries是入门。MediaQueries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备... 查看详情

web前端入门到实战：常见css3选择器和文本字体样式汇总(代码片段)

常见的CSS3选择器包含：常用基本、属性、伪类、层级（组合）选择器，具体使用情况建议先阅读[css选择器四大类：基本、组合、属性、伪类]对于选择器的使用有一个基本了解，选择器的作用在于通过它找到元素，并且给它添加... 查看详情

零基础跟我学前端之css3基础(代码片段)

...握CSS3设置边框、背景、文本效果理解并会使用CSS3自定义字体2、CSS3边框border-radius用于创建圆角border-image使用图片创建边框box-shadow用来添加阴影border-radius属性四个值：左上角，右上角，右下角，左下角三个值࿱... 查看详情

零基础跟我学前端之css3基础(代码片段)

...握CSS3设置边框、背景、文本效果理解并会使用CSS3自定义字体2、CSS3边框border-radius用于创建圆角border-image使用图片创建边框box-shadow用来添加阴影border-radius属性四个值：左上角，右上角，右下角，左下角三个值࿱... 查看详情