<!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. pip 查看软件包 可用版本并安装； pip 查看 numpy 可用版本并安装

    最近需要安装 numpy 的旧版本,发现不知道如何查看可以安装旧版本,解决方法在此进行记录: 然后找到你对应的版本进行安装就可以了: 保持更新,更多精彩内容,请关注 cnblogs.com/xuyao ...

  2. Scrapy中的Request和日志分析

    Scrapy.http.Request 自动去重,根据url的哈希值,进行去重 属性 meta(dict)  在不同的请求之间传递数据,dict priority(int)  此请求的优先级(默认为0 ...

  3. 201871010111-刘佳华《面向对象程序设计（java）》第一周学习总结

    <面向对象程序设计(java)>第一周学习总结 正文开头: 项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 ...

  4. UnitTest和Developer

    UnitTest对项目很重要,这是很多developer都明白的道理,可是真的让所有的developer对自己的代码写UnitTest,似乎是不可能的. developer完全可以以已经有很多task ...

  5. cartographer 3D scan matching 理解

    cartographer 3D scan matching没有论文和其它资料,因此尝试通过源码理解其处理方法,理解不当之处还请指正. 目录: 0.2D 匹配方法简介 1.real time corre ...

  6. Codeforces Round #602 (Div. 2, based on Technocup 2020 Elimination Round 3) C. Messy 构造

    C. Messy You are fed up with your messy room, so you decided to clean it up. Your room is a bracket ...

  7. PKUWC/SC 做题笔记

    去年不知道干了些啥,什么省选/营题都没做. 现在赶应该还来得及(?) 「PKUWC2018」Minimax Done 2019.12.04 9:38:55 线段树合并船新玩法??? \(O(n^2)\ ...

  8. Maven配置教程

    Maven的下载 在Maven的官网即可下载,点击访问Apache Maven. 下载后解压即可,解压后目录结构如下: Maven常用配置 在配置之前请将JDK安装好. 1. 环境变量配置 添加M2_ ...

  9. angular6 multipart/form-data Post

    一般情况下用的都是 第三种  然后碰到后台要求的是这种格式的数据 这时候我们就要修改一下我们的post 请求头,话不多说 直接上代码. 这样子的话 就ok啦!

  10. C语言程序设计100例之（13）：最大子段和

    例13        最大子段和 题目描述 给出一段序列,选出其中连续且非空的一段使得这段和最大.例如在序列2,-4,3,-1,2,-4,3中,最大的子段和为4,该子段为3,-1,2. 输入格式 第一 ...