仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 842|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CSS语法手册(一)字体属性

[复制链接]
飘灵儿 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:18:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。
<P>1、font-family
功效:用于改动HTML标记或元素的字体,你可设置一个可用字体清单。扫瞄器由前向后选用字体。
语法:{font-family:字体1,字体2,...,字体n}
例子:

字体

2、font-style
功效:使文本显现为扁斜体或斜体等暗示夸大。
数值:
normal-一般
italic-斜体
oblique-偏斜体
例子:

Normal
Italic
<P>Oblique3、font-variant
功效:用于在一般与小型年夜写字母字体间切换。
数值:normal-假如该标记承继父元素的small-caps设置,则关头字normal将font-variant设置为一般字体。
small-caps-把小写字母显现为字体较小的年夜写字母。
例子:

<P>FONT-VARIANT4、font-weight
功效:用于设置字体灰度,天生字体的深,浅版本。
数值:
一般灰度-normal
绝对灰度-bold,bolder,light,lighter
梯度灰度-取值以下:100,200,300,400(相称于normal),500,600,700(相称于bold),800,900。
例子:

<P>字体灰度5、font-size
功效:用各类器度单元把持文本字体巨细。
数值:有四种数值体例
相对尺寸-器具体字号表界说字体巨细,能够取以下数值之一:xx-small,x-small,small,medium,large,x-large,xx-large。分歧字体有分歧的数值。
绝对尺寸-larger,smaller,发生的尺寸是相对父容器字号而言的。
长度-用毫米(mm),厘米(cm),英寸(in),点数(pt),象素(px),pica(pc),ex(小写字母x的高度)或em(字体高度)作为器度单元。
百分比-相对其父元素字体巨细的百分比。
例子:字体巨细

6、font
功效:简写属性,供应了对字体一切属性举行设置的快速办法。
语法:{font:字体属性1字体属性2...字体属性n}
数值:字体属性值为后面已列出的值,别的还能够设置行间距属性line-height(见文本属性),内容的按次为:font-style;font-variant;font-weight;font-size;line-height;font-family。可省略部分属性,属性值间用空格分隔。
例子:

FONT


属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。
爱飞 该用户已被删除
沙发
发表于 2015-1-18 06:02:12 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
灵魂腐蚀 该用户已被删除
板凳
发表于 2015-1-26 16:11:08 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
精灵巫婆 该用户已被删除
地板
发表于 2015-2-4 20:43:43 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
再现理想 该用户已被删除
5#
发表于 2015-2-10 09:53:45 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
飘飘悠悠 该用户已被删除
6#
发表于 2015-3-1 10:08:46 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
乐观 该用户已被删除
7#
发表于 2015-3-10 17:10:47 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
若天明 该用户已被删除
8#
发表于 2015-3-17 09:31:38 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 03:28

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表