<!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. android binder 进程间通信机制5-Service注册和代理对象的获取

    ServiceManager,其实也是一个Service,不过它的Server端实现并未使用Binder库的结构实现,而是直接打开binder/dev进行通信的,不具有普遍性. 下面以MediaSer ...

  2. PyCharm批量修改变量名

    方法和 PyCharm重命名文件时更改引用的地方相同

  3. docker 限制容器能够使用的资源

    docker 限制容器能够使用的内存,CPU,I/O 资源概述,内存是非可压缩资源,cpu是可压缩资源. 内存用超了,就发送Out Of Memory Exception,容器会被kill掉.所以内存 ...

  4. linux shell攻略学习笔记二

    1.Cat命令 这么多命令,常用的 Cat –n file  显示文件以及行数 Cat - echo 'Text through stdin' | cat - file.txt Text throug ...

  5. 图书分享 -《Natural Language Processing with Python》

    -<Natural Language Processing with Python> 链接:https://pan.baidu.com/s/1_oalRiUEw6bXbm2dy5q_0Q ...

  6. Educational Codeforces Round 76 (Rated for Div. 2) D. Yet Another Monster Killing Problem 贪心

    D. Yet Another Monster Killing Problem You play a computer game. In this game, you lead a party of

  7. iOpenWorskSDK下载和答疑贴

    1 iOpenWorksSDK对VS2013-VS2017的支持插件 https://files.cnblogs.com/files/baihmpgy/iOpenWorksSDK.vsix.zip 2 ...

  8. python集合、元组、字典

    主要内容: 2.集合 3.元组 4.字典 复习: 字符串和元组一样,只能读不能写.列表和字典可以嵌套任何东西,列表可以嵌套列表 L = list("hello")  # L = [ ...

  9. Python画一棵漂亮的樱花树（不同种樱花+玫瑰+圣诞树喔）

    不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成喔~)one 樱花树 动态生成樱花效果图(这个是动态的) ...

  10. hyper-v简介及安装使用

     前言:作为IT界的巨头,微软自己的虚拟化技术,也是微软第一个采用Vmware与CitrixXen一样基于hypervisor的虚拟化技术,有着自己可圈可点的地方,微软自己的虚拟化技术嘛,对windo ...