仓酷云

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

[DIV+CSS] 来谈谈:从基本入手下手:CSS有用教程(二)

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

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

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

x
提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。
七.把持笔墨的款式把持笔墨的款式包含笔墨巨细写、笔墨润色两个部分。

1.笔墨巨细写
笔墨巨细写使网页的计划者不必在输出笔墨时就完成笔墨的巨细写,而能够在输出终了后,再依据必要对部分的笔墨设置巨细写。
基础格局以下:
text-transform:参数
参数取值局限:
・uppercase:一切笔墨年夜写显现
・lowercase:一切笔墨小写显现
・capitalize:每一个单词的头字母年夜写显现
・none:不承继母体的笔墨变形参数
注重:承继是指HTML的标识符关于包括本人的标识符的参数会承继上去。
2.笔墨润色
笔墨润色的次要用处是改动扫瞄器显现笔墨链接时的下划线。
基础格局以下:
text-decoration:参数
参数取值局限:
・underline:为笔墨加下划线
・overline:为笔墨加上划线
・line-through:为笔墨加删除线
・blink:使笔墨闪灼
・none:不显现上述任何效果
八.把持文本的款式
把持文本的款式包含单词间隔、字母间隔、文本行距、文本程度对齐、文本垂直对齐文本缩进六个部分。
1.单词间距
单词间距指的是英文每一个单词之间的间隔,不包含中文笔墨。
基础格局以下:
word-spacing:距离间隔
距离间隔的取值:points、em、pixes、in、cm、mm、pc、ex、normal等。
2.字母间距
字母间距是指英笔墨母之间的间隔,功效、用法,和参数的设置和单词间距很类似。
基础格局以下:
letter-spacing:字母间距
3.行距
行距是指高低两行基准线之间的垂直间隔。一样平常地说,英文五线格实习本,从上往下数的第三条横线就是盘算机所以为的该行的基准线。
基础格局以下:
line-height:行间间隔
行间间隔取值:
・不带单元的数字:以1为基数,相称于比例干系的100%
・带长度单元的数字:以详细的单元为准
・比例干系
注重:假如笔墨字体很年夜,而行距绝对较小的话,大概会产生高低两行笔墨相互堆叠的征象。
4.文本程度对齐
文本程度对齐能够把持文本的程度对齐,并且其实不仅仅指笔墨内容,也包含设置图片、影象材料的对齐体例。
基础格局以下:
text-align:参数
参数的取值:
・left:左对齐
・right:右对齐
・center:居中对齐
・justify:绝对摆布对齐
但必要注重的是,text-alight是块级属性,只能用于<p>、<blockquqte>、<ul>、<h1>~<h6>等标识符里。
5.文本垂直对齐
文本的垂直对齐应该是相对文本母体的地位而言的,不是指文本在网页里垂直对齐。好比说,表格的单位格里有一段文本,那末对这段文本设置垂直居中就是针对单位格来权衡的,也就是说,文本将在单位格的正中显现,而不是全部网页的正中。
基础格局以下:
vertical-align:参数
参数取值:
・top:顶对齐
・bottom:底对齐
・text-top:绝对文本顶对齐
・text-bottom:绝对文本底对齐
・baseline:基准线对齐
・middle:中央对齐
・sub:以下标的情势显现
・super:以上标的情势显现
6.文本缩进
文本缩进可使文本在绝对默许值较窄的地区里显现,次要用于中文板式的首行缩进,或是为年夜段的援用文本和备注做成缩进的格局。
基础格局以下:
text-indent:缩进间隔
缩进间隔取值:
・带长度单元的数字
・比例干系
可是必要注重的是,在利用比例干系的时分,有人会以为扫瞄器默许的比例是绝对段落的宽度而言的,实在现实并不是云云,全部扫瞄器的窗谈锋是扫瞄器所默许的参照物。
别的,text-indent是块级属性,只能用于<p>、<blockquqte>、<ul>、<h1>~<h6>等标识符里。


另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。
精灵巫婆 该用户已被删除
沙发
发表于 2015-1-18 06:15:30 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
小妖女 该用户已被删除
板凳
发表于 2015-1-25 17:25:44 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
不帅 该用户已被删除
地板
发表于 2015-2-3 12:16:15 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
简单生活 该用户已被删除
5#
发表于 2015-2-8 23:54:05 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
若天明 该用户已被删除
6#
 楼主| 发表于 2015-2-26 15:09:10 | 只看该作者
可以使用 CSS 检查工具进行设计。
第二个灵魂 该用户已被删除
7#
发表于 2015-3-8 15:59:42 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
山那边是海 该用户已被删除
8#
发表于 2015-3-16 06:38:15 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
admin 该用户已被删除
9#
发表于 2015-3-22 21:07:20 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 02:32

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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