仓酷云

标题: 给大家带来CSS低级进门：笔墨的属性 [打印本页]

作者: 山那边是海 时间: 2015-1-16 00:24
标题: 给大家带来CSS低级进门：笔墨的属性
另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。
　　笔墨属性
　　笔墨属性是能够设置笔墨的色彩、巨细、字型、粗细等等。
原始代码<STYLE>
SPAN.c1{color:red;position:relative;font-size:12px;font-family:Arial;font-weight:700}
SPAN.c2{color:blue}
SPAN.c3{color:green}
SPAN.c4{color:pink}
</STYLE>
<SPANCLASS=c1>A</SPAN>
<SPANCLASS=c2>B</SPAN>
<SPANCLASS=c3>C</SPAN>
<SPANCLASS=c4>D</SPAN>
显现了局A
B
C
D　　笔墨色彩{COLOR}
　　语法：{COLOR:(color)}
原始代码<STYLE>
SPAN.test{color:red}
</STYLE>

<SPANCLASS=test>ABCD</SPAN>显现了局ABCD
　　笔墨种别{FONT}
　　设置字体款式、巨细写变更、粗细、巨细、笔墨行列高度、字型
　　语法：{FONT:(font-style)(font-variant)(font-weight)(font-size)(font-family)/(line-height)}
原始代码<STYLE>
SPAN.test{FONT:ITALICBOLD12pt/18pt}
</STYLE>

<SPANCLASS=test>ABCD</SPAN>显现了局ABCD
　　下载字型{@FONT-FACE}
　　语法：@FONT-FACE{FONT-FAMILY:(font-family);SRC:URL(url)}
原始代码<STYLE>
@FONT-FACE{FONT-FAMILY:(不决);SRC:URL(下载地点)}
</STYLE>显现了局没有了局
　　笔墨字型{FONT-FAMILY}
　　语法：{FONT-FAMILY:(font-name)(generic-family)}
原始代码<STYLE>
SPAN.test{FONT-FAMILY:"ArialBlack"}
</STYLE>

<SPANCLASS=test>ABCD</SPAN>显现了局ABCD

　　笔墨巨细{FONT-SIZE}
　　设定字体巨细(可设单元属性:点pt、英寸in、公分cm、像素px、百分比%)
　　语法：{FONT-SIZE:LARGEMEDIUMSMALLER(length)(percentage)}
原始代码<STYLE>
SPAN.test1{FONT-SIZE:LARGE}
SPAN.test2{FONT-SIZE:10pt}
SPAN.test3{FONT-SIZE:50%}
</STYLE>

<SPANCLASS=test>ABCD</SPAN>
<SPANCLASS=test1>EFGH</SPAN>
<SPANCLASS=test2>IJKL</SPAN>显现了局ABCD
EFGH
IJKL
　　笔墨款式{FONT-STYLE}
　　设定字体款式(分为:一般、斜体)
　　语法：{FONT-STYLE:NORMALITALIC}
原始代码<STYLE>
SPAN.test1{FONT-STYLE:ITALIC}
</STYLE>

<SPANCLASS=test>ABCD</SPAN>显现了局ABCD
　　笔墨变更{FONT-VARIANT}
　　设定字体变更(分为:一般、小字体)
　　语法：{FONT-VARIANT:NORMALSMALL-CAPS}
原始代码<STYLE>
SPAN.test1{FONT-VARIANT:SMALL-CAPS}
</STYLE>

<SPANCLASS=test>ABCD</SPAN>显现了局ABCD
　　笔墨粗细{FONT-WEIGHT}
　　设定字体粗细(分为:一般、粗字体)
　　语法：{FONT-WEIGHT:NORMALBOLD}
原始代码<STYLE>
SPAN.test1{FONT-WEIGHT:BOLD}
</STYLE>

<SPANCLASS=test>ABCD</SPAN>显现了局ABCD</p>
Table布局灵活性不大，你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。

作者: 精灵巫婆 时间: 2015-1-17 23:40
以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

作者: 飘灵儿 时间: 2015-1-21 13:24
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 不帅 时间: 2015-1-30 19:13
可以使用 CSS 检查工具进行设计。

作者: 若天明 时间: 2015-2-6 15:21
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 海妖 时间: 2015-2-16 21:31
直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

作者: 小妖女 时间: 2015-3-5 09:49
是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

作者: 愤怒的大鸟 时间: 2015-3-12 03:42
Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

作者: 莫相离 时间: 2015-3-19 18:21
直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

欢迎光临仓酷云 (http://ckuyun.com/)