<!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） 第13周学习指导及要求

    2019面向对象程序设计(Java)第13周学习指导及要求 (2019.11.19-2019.11.25)   学习目标 (1) 掌握事件处理的基本原理,理解其用途: (2) 掌握AWT事件模型的工作 ...

  2. 浅谈python之利用pandas和openpyxl读取excel数据

    在自学到接口自动化测试时, 发现要从excel中读取测试用例的数据, 假如我的数据是这样的: 最好是每行数据对应着一条测试用例, 为方便取值, 我选择使用pandas库, 先安装 pip instal ...

  3. 发送get请求接口

    一.简介 python做接口测试,我们需要了解和学习第三方库requests.python内置的urllib模块,也用于访问网络资源,但是使用较麻烦,而且缺少很多实用的高级功能.这里推荐使用reque ...

  4. 03. Go 语言容器

    Go语言容器(container) 变量在一定程度上能满足函数及代码要求.如果编写一些复杂算法.结构和逻辑,就需要更复杂的类型来实现.这类复杂类型一般情况下具有各种形式的存储和处理数据的功能,将它们称 ...

  5. 【转】bootstrap table轻松实现数据表格

    在使用bootstrap table时可能在很多时候回用的表格来显示数据,如果自己写那肯定没问题,但是数据展示出来就麻烦多了,然而bootstrap table 封装了一套完善的数据表格组件,把从后台 ...

  6. CF1244F Chips

    题目链接 problem 有一个长度为\(n\)个点连成的环.每个点为黑色或白色.当一个点和与他相邻的两个点颜色不同时.该点的颜色就会改变. 问改变\(K\)次后每个点的颜色. solution 发现 ...

  7. 阿里Nacos-配置-多环境

    多环境的配置隔离是配置中心最基础的一个功能之一.不同的环境配置的值不一样,比如数据库的信息,业务的配置等. Spring Boot 多环境配置 首先我们来回顾下在Spring Boot中用配置文件的方 ...

  8. Java连载39-构造方法详解

    ​一. 1.多行注释:CTRL + shift + / 2.当一个类中没有定义任何构造方法的话,系统默认给该类提供一个无参数的构造方法,这个构造方法被称为缺省构造器. public class D39 ...

  9. 解决上一篇bean.xml中<bean>标签报错“ Error while downloading 'http://www.springframework.org/schema/beans/spring-beans.xsd........”

    在xml文件中,头部报错如题 一开始查询,说是头部少了“<?xml version="1.0" encoding="UTF-8"?>”,但是我并没有 ...

  10. idea 方法注释live template

    groovyScript("def result=''; def params="${_1}".replaceAll('[\\[|\\]|\\s]', '').split ...