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

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

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

  • 替换。)

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

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

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

    确定之后保存

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

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

    重复上面步骤:

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

    至此CSS样式设置完成。

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

    标签:

    版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com

    特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

图文样式css样式,初学解惑:常用CSS样式图文设置教程相关推荐

  1. css宋体代码_前端开发必备的CSS命名规范与常用CSS代码集合

    编辑 | web前端开发 来源 | web前端开发 我们在用html+css进行网页的排版布局时,经常会遇到CSS命名,如果是在团队多人协作开发时,团队里都会有自己的命名规范与要求. 但如果是自己在个 ...

  2. dwcss样式中英对照_DW中常用css样式四种类型详细解析说明

    css 样式 加载 css 样式类型有以下四种 一.外部样式 格式: 路径 " /> 举例: 用处:这种形式是把 css 单独写到一个 css 文件内,然后在源代码中以 link 方 ...

  3. HTML笔记——④css样式表、选择器、常用属性

    HTML笔记--④css样式表.选择器.常用属性 一 CSS 1.1 CSS语法 1.2 CSS样式表 1.2.1 内部样式表 1.2.2 外部样式表 1.2.3 行内样式表 1.3 CSS常用属性 ...

  4. CSS的选择器和常用样式(id,class,组合,字体,背景,宽度,高度,颜色等CSS样式)

    <html><head><title>CSS的选择器和常用样式</title><meta charset="UTF-8"/&g ...

  5. html5公共样式css,css常用公共样式

    /*style reset*/ body,ul,p,h1,h2,h3,h4,h5,h6,dl,dd,form,input,textarea,select{padding:0; margin:0;fon ...

  6. CSS文本颜色等常用样式

    常用字体属性 font-family :指定字体类型 font- size:指定文本的字体大小 font-style:指定文本的字体样式 font-weight:指定文本的字体粗细           ...

  7. 常用CSS 样式清单整理

    1.文字超出部分显示省略号 单行文本的溢出显示省略号(一定要有宽度) p{width:200rpx;overflow: hidden;text-overflow:ellipsis;white-spac ...

  8. 1062- 49 个常用 CSS 样式清单整理

    1.文字超出部分显示省略号 单行文本的溢出显示省略号(一定要有宽度) p{width:200rpx;overflow: hidden;text-overflow:ellipsis;white-spac ...

  9. 图文混排作品HTML5利用css样式,DivCSS布局实例:很实用的图文混排CSS列表

    CSS网页布局的一大特点就是列表元素的应用,在传统的表格布局中往往将列表元素作为表格来处理,这样的方式非但不具有语义还产生了许多不必要的代码. 今天我们共同学习一款"图文混排CSS列表&qu ...

最新文章

  1. linux unset命令,Linux unset命令
  2. oracle10安装网络需求警告,安装oracle10出现的问题,求解!!!!!(在线等)
  3. 使用 Bundle在Activity间传递数据
  4. 测试适合眉形的软件_软件测试的自我修养:正向思维与逆向思维
  5. 创建Silverlight 1.0 開發環境
  6. mongDB update 修改器
  7. java encode in ansi_Java应用中的编码问题
  8. Java EE与NoSQL的未来
  9. 国家标准标点符号用法
  10. python matplotlib数据可视化教程_matplotlib的Python数据可视化和探索——入门指南
  11. leetcode1291. 顺次数(回溯)
  12. ntfs for mac使用注意事项有哪些?
  13. android ocr识别源码_身份证识别OCR解决手动输入繁琐问题
  14. MyBatis实现模糊查询的三种方式
  15. 编辑画面,element-ui的单选框组选中值以及画面选择样式无法切换,但是绑定的v-model值已发生变化
  16. 实验server2003的域环境里安装一台Server2008 DC
  17. 实战!Servlet简单实践,完成上次的任务
  18. python open mode_open文件操作之mode模式剖析
  19. rake matlab,基于MATLAB的Rake接收机仿真及性能分析
  20. 平均值绝对偏差最大c语言,请教平均值和最大偏差值得使用

热门文章

  1. Latex 自定义参考文献格式(配置 bst)
  2. 约瑟夫生者死者小游戏,python实现
  3. 扫清Android面试障碍--面试前的准备
  4. Java面试题总结大全
  5. 安卓耳机左右音量调节_教你一招,手机耳机音量一键同步!
  6. 工作之余使用python玩转微信跳一跳(超详细的教程)
  7. top命令详解(Linux)
  8. python的延时函数delay_python中实现延时回调普通函数示例代码
  9. PS点击性能显示要求96和8之间的整数,已插入最接近的数值。
  10. 『Scrapy』登录人人贷并抓取借贷人信息中遇到的坑