Html学习之十二(CSS选择器的应用二)
<!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选择器的应用二)的更多相关文章
- Html学习之十(CSS选择器的使用--伪类选择器)
伪类选择器 一.基于a标签. 1.:hover 选择鼠标滑过的超链接元素 2.:active 选择鼠标单击中的超链接元素 3.:link 选择未被访问的超链接元素 4.:visited 选择已经被访问 ...
- Java开发桌面程序学习(十)——css样式表使用以及Button悬浮改变样式实现
css样式表使用 javafx中的css样式,与html的有些不一样,javafx中的css,是以-fx-background-color这种样子的,具体可以参考文档JavaFx css官方文档 ja ...
- HTML 网页开发、CSS 基础语法——十二.CSS选择器
选择器 基础选择器:标签选择器,id选择器,类选择器,通配符选择器 高级选择器:后代选择器,交集选择器,并集选择器 1. 标签选择器: • 优点:可以选中所有的同名标签,设置所有同名标签的公共样式. ...
- Html学习之九(CSS选择器的使用--位置选择器)
位置选择器: 一..:first-child选择器 <!doctype html> <html> <head> <meta charset="utf ...
- 第五十六 css选择器和盒模型
1.组合选择器 群组选择器 #每个选择为可以位三种基础选择器任意一个,用逗号隔开,控制多个. div,#div,.div{ color:red } 后代(子代)选择器 .sup .sub{ 后代 } ...
- Html学习之十一(CSS选择器的应用一)
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- (3)选择元素——(4)css选择器(CSS selectors)
The jQuery library supports nearly all of the selectors included in CSS specifications 1 through 3, ...
- HTML中放置CSS的三种方式和CSS选择器
(一)在HTML中使用CSS样式的方式一般有三种: 1 内联引用 2 内部引用 3 外部引用. 第一种:内联引用(也叫行内引用) 就是把CSS样式直接作用在HTML标签中. <p style ...
- css 选择器;盒模型
一.引入方式:(1)CSS 层叠样式表 作用:修饰网页结构 (2)css的三种引入方式 - 行内样式 注意:行内样式的优先级是最高的 - 内接样式 - 外接样式 二.css选择器 基础选择器 * 通配 ...
随机推荐
- [日常] 解决mysql localhost可以连接但是127.0.0.1不能连接
在测试mysql的过程中遇到使用localhost可以连接但是127.0.0.1不能连接,原因是localhost使用的本地socket连接,127.0.0.1使用使用的tcp连接 在mysql库的u ...
- Python踩坑系列之使用redis报错:module 'redis' has no attribute 'Redis'问题
初次使用redis时,在链接Redis后,运行报错“module 'redis' has no attribute 'Redis' ”. 具体代码如下: import redis r = redis. ...
- JVM-5-GC(Garbage Collection) 垃圾回收机制
GC(Garbage Collection) 垃圾回收机制 什么是垃圾回收机制 垃圾回收是一种动态存储管理技术,它自动地释放不再被程序引用的对象,按照特定的垃圾收集算法来实现资源自动回收的功能. ...
- poj 2456 Aggressive cows 二分 题解《挑战程序设计竞赛》
地址 http://poj.org/problem?id=2456 解法 使用二分逐个尝试间隔距离 能否满足要求 检验是否满足要求的函数 使用的思想是贪心 第一个点放一头牛 后面大于等于尝试的距离才放 ...
- Python程序中的线程操作-锁
目录 一.同步锁 1.1 多个线程抢占资源的情况 1.1.1 对公共数据的操作 1.2 同步锁的引用 1.3 互斥锁与join的区别 二.死锁与递归锁 2.1 死锁 2.2 递归锁RLock 三.典型 ...
- MySQL中使用group_concat遇到的坑
在使用group_concat的过程中遇到个问题,这里记录一下:在MySQL中有个配置参数group_concat_max_len,它会限制使用group_concat返回的最大字符串长度,默认是10 ...
- 1+x证书web前端开发jquery专项练习测试题
javascript程序设计-题库 1.下面哪一种不属于Jquery的选择器? A. 基本选择器 B. 层次选择器 C. 表单选择器 D. 节点选择器 答案: D 2.如果需要匹配包含文本的元素,用下 ...
- npm install 安装依赖报错
npm ERR! Unexpected end of JSON input while parsing near '...2.4.8","karma":"~0. ...
- Python爬虫实践~BeautifulSoup+urllib+Flask实现静态网页的爬取
爬取的网站类型: 论坛类网站类型 涉及主要的第三方模块: BeautifulSoup:解析.遍历页面 urllib:处理URL请求 Flask:简易的WEB框架 介绍: 本次主要使用urllib获取网 ...
- 通过Desktop.ini设置文件夹备注以及图标
1.新建一个文件夹temp,进入此文件夹,建立desktop.ini文件,编辑内容为: ; 文件夹图标 [.ShellClassInfo] ;设置文件夹的备注 InfoTip=this is temp ...