<!doctype html>

<html>

    <head>

        <meta charset="utf-8">

        <title>网业设计软件列表</title>

        <link rel="stylesheet" type="text/css" href="../css/style04.css">

        <style>

            a{padding-right: 20px;}

            dl dd em{color: red;}

            </style>

        </head>

    <body>

        <h2><em>网页设计软件列表(点击查看)</em></h2>

        <hr size="3" color="#5E2D00"  width="750px">

        <nav>

            <a href="#news1" class="one">Photoshop软件</a>

            <a href="#news2" class="two">illustrator软件</a>

            <a href="#news3" class="two">Dreamweaver软件</a>

            <a href="#news4" class="two">Fireworks软件</a>

        </nav>

        <hr size="3" color="#5E2D00"  width="750px">

        <dl id="news1">

            <dt><img src="../img/1.jpg"></dt>

            <dd>Photoshop一款好到违反广告法的<em>超S级设计神器</em>！给画面来点动感吧。</dd>

            <dd>Photoshop处理以<em>像素构成的图像</em>，可以有效地进行图片编辑调整工作。</dd>

            <dd>Photoshop有很多功能，在图像、图形、文字、出版等各方面都有涉及。</dd>

            <dd>在制作建筑效果图包括许三维场景时，常常需要在Photoshop进行调整。</dd>

        </dl>

        <dl id="news2">

            <dt><img src="../img/2.jpg"></dt>

            <dd>Illustrator是一种应用于出版、多媒体和在线图像的<em>标准矢量插画</em>的软件。</dd>

            <dd>Illustrator广泛应用于<em>印刷出版、海报书籍、</em>专业插画、多媒体图像处理。</dd>

            <dd>Illustrator可以为线稿提供较高的精度和控制，简单到复杂项目都能生产。</dd>

            <dd>跟据不完全统计全球大约有37%的界面设计师在使用Illustrator进行设计。</dd>

        </dl>

        <dl id="news3">

            <dt><img src="../img/3.jpg"></dt>

            <dd>Dreamweaver是第一套针对<em>专业网页设计师</em>特别发展的网页开发工具。</dd>

            <dd>利用它可以轻易地制作出<em>跨越平台和跨越浏览器</em>限制的充满动感的网页。</dd>

            <dd>Dreamweaver自MX版本开始，使用了Opera的排版引擎作为网页预览。</dd>

            <dd>Dreamweaver可以在AdobeCreativeSuite4的不同组件之间切换工作。</dd>

        </dl>

        <dl id="news4">

            <dt><img src="../img/4.jpg"></dt>

            <dd>Fireworks是Adobe推出的一款<em>网页作图软件</em>，可以加速Web设计开发。</dd>

            <dd>Fireworks是一款创建优化<em>Web图像</em>和快速构建网站与Web界面的工具。</dd>

            <dd>Fireworks可以创建和编辑矢量图像与位图图像，并导入PS和AI文件中。</dd>

            <dd>Fireworks采用与PS类似的层图层结构来管理原型，更易组织Web页面。</dd>

        </dl>

    </body>

</html>

　　相关文件及图片见：      https://i.cnblogs.com/Files.aspx

结果：

Html学习之十二（CSS选择器的应用二）的更多相关文章

  1. Html学习之十（CSS选择器的使用--伪类选择器）

    伪类选择器 一.基于a标签. 1.:hover 选择鼠标滑过的超链接元素 2.:active 选择鼠标单击中的超链接元素 3.:link 选择未被访问的超链接元素 4.:visited 选择已经被访问 ...

  2. Java开发桌面程序学习（十）——css样式表使用以及Button悬浮改变样式实现

    css样式表使用 javafx中的css样式,与html的有些不一样,javafx中的css,是以-fx-background-color这种样子的,具体可以参考文档JavaFx css官方文档 ja ...

  3. HTML 网页开发、CSS 基础语法——十二.CSS选择器

    选择器 基础选择器:标签选择器,id选择器,类选择器,通配符选择器 高级选择器:后代选择器,交集选择器,并集选择器 1. 标签选择器: • 优点:可以选中所有的同名标签,设置所有同名标签的公共样式. ...

  4. Html学习之九（CSS选择器的使用--位置选择器）

    位置选择器: 一..:first-child选择器 <!doctype html> <html> <head> <meta charset="utf ...

  5. 第五十六 css选择器和盒模型

    1.组合选择器 群组选择器 #每个选择为可以位三种基础选择器任意一个,用逗号隔开,控制多个. div,#div,.div{ color:red } 后代(子代)选择器 .sup .sub{ 后代 } ...

  6. Html学习之十一（CSS选择器的应用一）

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  7. （3）选择元素——（4）css选择器（CSS selectors）

    The jQuery library supports nearly all of the selectors included in CSS specifications 1 through 3, ...

  8. HTML中放置CSS的三种方式和CSS选择器

    (一)在HTML中使用CSS样式的方式一般有三种: 1 内联引用 2 内部引用 3 外部引用.   第一种:内联引用(也叫行内引用) 就是把CSS样式直接作用在HTML标签中. <p style ...

  9. css 选择器；盒模型

    一.引入方式:(1)CSS 层叠样式表 作用:修饰网页结构 (2)css的三种引入方式 - 行内样式 注意:行内样式的优先级是最高的 - 内接样式 - 外接样式 二.css选择器 基础选择器 * 通配 ...

随机推荐

  1. MySQL 57安装部署(Zip版)(Windows版)

    1. 在<MYSQL>的根目录下新建一个my.ini写入以下内容 [mysqld] port = 3306 basedir=D:\mysql\mysql-5.7.22-winx64 # M ...

  2. JVM-6-垃圾回收算法

    三如何垃圾回收   GC(Garbage Collection)垃圾回收算法 标记清除    速度快,但是会产生内存碎片: 标记整理    解决了标记清除内存碎片的问题,但是每次都得移动对象,因此成本 ...

  3. LeetCode 5126. 有序数组中出现次数超过25%的元素 Element Appearing More Than 25% In Sorted Array

    地址 https://leetcode-cn.com/contest/biweekly-contest-15/problems/element-appearing-more-than-25-in-so ...

  4. 将静态页面部署到github.io

    背景:   我的腾讯云服务器是之前利用学生身份(有优惠)买的,现在快到期了,而且服务器上面只有一个引导页(静态页面)还有用,别的项目都没有用了.所以就想找一种不花钱买服务器就可以访问到我的引导页的方法 ...

  5. python笔记：配置虚拟开发环境

    问题 有的时候开发不同的业务,所需要的环境不一样.一直在同一个环境中开发时候,不同的包版本升级可能会导致另外的业务不能正常工作.另外,有的github上的项目需要的开发环境与你使用的环境不同,冒然的按 ...

  6. 【Linux命令】文本文件编辑命令10个（cat、more、less、head、tail、tr、wc、stat、cut、diff）

    目录 cat查看文档 more可分页查看文档 less相比较more功能更强大 head查看文档的前N行 tail查看文档的后N行或试试刷新查看 tr替换文本字符 wc统计文本行数 stat查看文档存 ...

  7. Anaconda安装第三方库与pip和conda 添加国内源

    Anaconda安装第三方库 PIP使用命令 Anaconda命令 pip和conda 添加国内源 1:PIP相关命令 卸载 pip uninstall XXX 1.升级pip python -m p ...

  8. day01（无用）

    第一讲:1,基本理论知识 第一天内容:抽象.枯燥. 2,工具的操作: 三个工具: 2个发包工具: Jmeter.PostMan 1个抓包工具: Fiddler 3,安全测试的内容: 初级,工具的使用: ...

  9. 代码生成工具Database2Sharp的架构介绍

    1)代码生成工具介绍 Database2Sharp是一款代码生成工具和数据库文档生成工具,该工具从2005年开始至今,一直伴随着我们的客户和粉丝们经历着过各种各样的项目开发,在实际开发中能带来效率的提 ...

  10. QT信号槽连接语法总结

    信号槽是 Qt 框架引以为豪的机制之一. 所谓信号槽,实际就是观察者模式.当某个事件发生之后,比如,按钮检测到自己被点击了一下,它就会发出一个信号(signal).这种触发是没有目的的,类似广播.如果 ...