<!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. Java学习笔记（5）--- Number类和Math 类，String类的应用，Java数组入门

    1.Number 和 Math 类: 在实际开发过程中,我们经常会遇到需要使用对象,而不是内置数据类型(int,double,float这些)的情形. 这种由编译器特别支持的包装称为装箱,所以当内置数 ...

  2. Python入门基础学习（时间模块，随机模块）

    Python基础学习笔记(六) time模块: 时间的三种表示方法: 1.格式化字符串 2.时间戳 用来表示和1970年的时间间隔,单位为s 3.元组 struct_time 9个元素 time的st ...

  3. beego和bee安装问题解决

    如果使用go mod模式,直接安装bee时会报错: go: github.com/beego/bee imports github.com/beego/bee/cmd imports github.c ...

  4. 【西北师大-2108Java】第六次作业成绩汇总

    [西北师大-2108Java]第六次作业成绩汇总 作业题目 面向对象程序设计(JAVA) 第8周学习指导及要求 实验目的与要求 (1)掌握接口定义方法: (2)掌握实现接口类的定义要求: (3)掌握实 ...

  5. python操作队列

    进行队列的操作,首先要引入queue这个库 一:设置队列(括号中是队列可容纳数据的多少,如果不设置,则可以一直增加) import queue q = queue.Queue(10) 二:添加/获取元 ...

  6. 【未完成】【oracle】单引号使用问题

    ‘-’不可以用 原因:

  7. MySQL select from where multiple conditions

    Maybe one of the most used MySQL commands is SELECT, that is the way to stract the information from ...

  8. 基于UDP协议的socket套接字编程

    目录 一.UDP套接字简单示例 1.1 服务端 二.客户端 三.UPD套接字无粘包问题 3.1 服务端 3.2 客户端 四.qq聊天 4.1 服务端 4.2 客户端1 4.3 客户端2 4.4 运行结 ...

  9. linux常用命令指南——查找文件我最强：find

    2.3.2 查找文件我最强:find 2.3.2.1 find查找常用命令示例 find / -name 'wfy.txt' # 从根目录下开始查找文件wfy.txt find . -name '*f ...

  10. 拎壶学python3-----（1）输出与字符转换

    一.输入自己的名字打印 二.数字和字符串是不能相加的如下 怎么解决上边的问题呢? 如果是相加我们要把字符串转成数字类型如下 如果不想让他相加可以写成这样如下: ok,关于转换就先讲到这里