初学解惑:常用CSS样式图文设置教程

css|初学|教程

  注:在论坛中记得有人问过,做了网页之后字体特别大?如何控制网页中的字体呢?答案是用CSS来控制,今天给大家编写这个教程主要是面对初学者的!

  一个有链接的文本,鼠标ON、OVER不同状态下的响应是不同的,在FLASH中我们可以轻松的在不同帧上进行不同的设置,但如果我们需要在网站中所有的链接中呈现此状态,FLASH制作显然不可想象,或者在页面特定的文字中统一的出现一种链接效果,这就是CSS样式,OK,下面开始:

  打开DW MX 2004,新建页面插入表格,设置对齐居中,输入文字(注:W3C已经不推荐使用表格排版了, 现在网页设计已经开始用时CSS定位页面元素,本教程里面的表格可以用<UL><LI>替换。)

  在输入的文字上设置超链接后,系统默认字体颜色变蓝,并且自动加下划线,从下图可以看到,字体感觉很粗糙,没有精致感。

  将光标定位在文字单元格/右键/选择“CSS样式表”->“新建”。也可以在CSS面板右键/新建CSS样式表

  在弹出的面板中做如下设置:

  确定之后保存

  单击“保存”之后,在接下来的弹出面板中设置字体为“宋体”,字号为12,行高22,字体颜色可以设置为和背景协调的颜色。

  目前字型还没有任何变化,接着:右键/选择“CSS样式表”->“新建”,在弹出面板做如下设置:

  重复上面步骤:

  好了,现在用IE预览,在鼠标移动至链接文字上,颜色改变,出现下划线。

  至此CSS样式设置完成。

  如果需要修改样式,右键/选择“CSS样式表”->“管理样式”,如图:

时间: 2024-09-30 04:18:53

初学解惑:常用CSS样式图文设置教程的相关文章

常用CSS样式效果汇总

虽然CSS样式的学习需要我们动手多实践,需要多做案例,思致思考,但有时候注意资料的收集与整理也是非常重要的,在实际开发中往往会起到事半功倍的效果.在www.phpq.net的文档中,也提供了丰富的内容.下面一些关于按钮.文本框.表单的常用CSS样式.大家可以参考. 一.按钮样式 .buttoncss { font-family: "tahoma", "宋体"; /*www.phpq.net*/ font-size:9pt; color: #003399; borde

CSS样式----图文详解(二):css属性

主要内容 CSS的单位 字体属性 文本属性 背景属性 列表属性 盒子模型 定位属性:position.float.overflow.z-index等 导航栏的制作 鼠标的属性cursor 滤镜的介绍 CSS的单位: html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样.CSS中的单位是必须要写的,因为它没有默认单位. 绝对单位:1 in=2.54cm=25.4mm=72pt=6pc. 各种单位的含义:in:英寸Inches (1 英寸 = 2.54 厘米)cm:厘

推荐:常用CSS样式表缩写语法总结

css|样式表|语法 常用CSS缩写语法总结 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2

在Dreamweaver中利用CSS样式表设置网页

了解 CSS 层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观.使用 CSS 设置页面格式时,内容与表现形式是相互分开的.页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件(外部样式表)或 HTML 文档的另一部分(通常为 部分)中.使用 CSS 可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等. CSS 使您可以控制许多仅使用 HTML 无法控制的属性.例如,您可以为所选文本指定不同的字

Dreamweaver使用CSS样式表设置网页文本格式

了解 CSS: 层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观.使用 CSS 设置页面格式时,内容与表现形式是相互分开的.页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件(外部样式表)或 HTML 文档的另一部分(通常为 部分)中.使用 CSS 可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等. CSS 使您可以控制许多仅使用 HTML 无法控制的属性.例如,您可以为所选文本指定不同的

CSS样式----图文详解:css样式表和选择器

主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表.内嵌样式表.外部样式表 CSS四种基本选择器:标签选择器.类选择器.ID选择器.通用选择器 CSS三种扩展选择器:组合选择器.后代选择器.伪类选择器 CSS样式优先级 CSS 概述 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. 接下来我们要讲一下为什么要使用CSS. HTML的缺陷

常用CSS样式

css 按钮样式*/.ButtonCss {}{    font-family: "Tahoma", "宋体";    font-size:9pt; color: #003399;    border: 1px #003399 solid;    color:006699;    BORDER-BOTTOM: #93bee2 1px solid;     BORDER-LEFT: #93bee2 1px solid;     BORDER-RIGHT: #93bee

学习网页标准CSS样式表设置的10条技巧

css|标准|技巧|网页|样式表 1.CSS 字体简写规则 当使用css定义字体时你可能会这样做: font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; 事实上你可以简写这些属性: font: 1em/1.5em bold italic small-caps verdana,serif 现在好多

css 图片透明度设置教程

opacity设置透明度 在图片的属性中加上 opactiy 例子  代码如下 复制代码 img { opacity:0.4; filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */ } 其实只要这样就OK了,如果不针对IE甚至只要第一行,关键在于--啥,透明度的单词怎么拼,仅此而已. 但上面只能用ie浏览器,后来找到一个兼容性比较强的  代码如下 复制代码 {filter:alpha(opacity=50); -moz-opacity:0.5; -khtm