<!doctype html>

<html>

    <head>

        <meta charset="utf-8">

        <title>网业设计软件列表</title>

        <style>

            body{font-family: "微软雅黑";

                text-align: center;

                font-size: 16px;

                line-height: 32px;

                }

            hr{width: 750px;size:3px;}

            a{text-decoration: none;

                color: black;

                padding-right: 15px;

                font-size: 22px;

                }

            a:hover{color: red;

                    text-decoration: underline;

                    }

            ul{list-style-type: none;}

            li:before{

                content:url(img/11.png)

                }

            li:nth-child(even){color: greenyellow;}

            li:nth-child(1) strong{color: red;}

            li:nth-child(2) strong{color: chocolate;}

        </style>

    </head>

    <body>

        <header>

            <h1>网页设计软件列表（单机查看）</h1>

        </header>

        <nav>

            <hr>

            <a href="#">Photoshop软件</a>

            <a href="#">Illustrator软件</a>

            <a href="#">Dreamweaver软件</a>

            <a href="#">Fireworks软件</a>

            <hr>

        </nav>

        <div>

            <img src="img/1.jpg" alt="">

            <ul>

                <li>Photoshop一款好到违反广告法的超<strong>S级设计神器</strong>！给画面来点动感吧。</li>

                <li>Photoshop处理以<strong>像素构成的图像</strong>，可以有效地进行图片编辑调整工作。</li>

                <li>Photoshop有很多功能，在图像、图形、文字、出版等各方面都有涉及。</li>

                <li>在制作建筑效果图包括许三维场景时，常常需要在Photoshop进行调整。</li>

            </ul>

        </div>

    </body>

</html>

结果：

Html学习之十一（CSS选择器的应用一）的更多相关文章

  1. 【前端学习】【CSS选择器】

    CSS选择器     CSS选择器 CSS(Cascading Style Sheets)是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS选择器能轻松地对某个元素添加样式而不改动HTM ...

  2. 【CSS学习笔记】CSS选择器

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht ...

  3. 前端学习笔记之CSS选择器

    阅读目录 一 基本选择器 二 后代选择器.子元素选择器 三 兄弟选择器 四 交集选择器与并集选择器 五 序列选择器 六 属性选择器 七 伪类选择器 八 伪元素选择器 九 CSS三大特性 一 基本选择器 ...

  4. CSS学习笔记02 CSS选择器

    1.通配符选择器 通配符选择器用“*"号表示,是所有选择器中作用范围最广的,能匹配页面中所有的元素 /*设置当前页面中所有标签的颜色为红色*/ * { color: red; } 2.标签选 ...

  5. Html学习之八（CSS选择器的使用--属性选择器）

    一.前缀属性选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...

  6. Html学习之七（CSS选择器的使用--基础选择器优先级问题）

    二.基础选择器的综合使用 优先级顺序:id选择器>class选择器>元素选择器.也就是说,如果这三种选择器同时为某一个元素设定样式,那么冲突的部分按优先级的顺序依次决定. <!DOC ...

  7. 前端学习(三）css选择器（笔记）

    字体样式:    color:red:    font-size:12px:    font-weight:bold/normal;    font-style:italic/normal;    f ...

  8. Html学习之六（CSS选择器的使用--基础选择器的使用）

    一.基础选择器 1.id选择器 2.class选择器 3.元素选择器 <!DOCTYPE html> <html> <head> <meta charset= ...

  9. pyspider 爬虫教程（一）：HTML 和 CSS 选择器

      虽然以前写过 如何抓取WEB页面 和 如何从 WEB 页面中提取信息.但是感觉还是需要一篇 step by step 的教程,不然没有一个总体的认识.不过,没想到这个教程居然会变成一篇译文,在这个 ...

  10. CSS 选择器的学习

    从蛋学习 CSS 选择器 + 做一个 Jumony 桌面工具,真费劲,目前Jumony Tool两大问题无法解决,完美的显示 html 文档和根据结果在文档中定位,有点儿跑题了…… 1. 选择“cla ...

随机推荐

  1. android 获得一些设备信息的静态函数

    1.Brand,IMEI,DeviceOS,DeviceFactoryTime public static String getDeviceBrand(Context context) { Strin ...

  2. jmeter使用问题——数据库无法连接

    使用Jmeter 数据库连接配置组件,执行sql时jmeter日志报错 WARN o.a.j.p.j.p.AbstractJDBCProcessor: SQL Problem in 查询账号申诉ID: ...

  3. list集合优化，泛型的使用以及坼箱和装箱

    1.list vector线程同步,线程安全arraylist的运行速度较快,因为没有使用线程 LlinkedList以链表结构存储数据 2.泛型泛型类 泛型接口 泛型方法 泛型的属性泛型的属性 属性 ...

  4. 201871010116-祁英红《面向对象程序设计（java）》第八周学习总结

    项目 内容 <面向对象程序设计(java)> https://home.cnblogs.com/u/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.c ...

  5. Python程序中的线程操作-守护线程

    目录 一.守护线程 1.1 详细解释 1.2 守护线程例1 1.3 守护线程例2 一.守护线程 无论是进程还是线程,都遵循:守护xx会等待主xx运行完毕后被销毁.需要强调的是:运行完毕并非终止运行. ...

  6. Sublime和VSCode生成基础HTML代码

    我们在编写前端页面时,常希望能自动生成基础的HTML代码.而在Sublime和VSCode就有这样的功能 在Sublime中,在编辑栏输入html,然后敲Tab键,则自动生成代码如下: <!DO ...

  7. WildFly16.0配置数据源并测试

    目前网络上罕有近期版本的配置,本人经多次尝试网络中不同方式配置,在Testing Connection一步中尽皆失败后,查询官方文档未果,摸索出一条可行之路,在此分享于诸位朋友. [../wildfl ...

  8. 知识图谱如何运用于RecomSys

    将知识图谱作为辅助信息引入到推荐系统中可以有效地解决传统推荐系统存在的稀疏性和冷启动问题,近几年有很多研究人员在做相关的工作.目前,将知识图谱特征学习应用到推荐系统中主要通过三种方式——依次学习.联合 ...

  9. laravel中使用FormRequest进行表单验证，验证异常返回JSON

    通常在项目中,我们会对大量的前端提交过来的表单进行验证,如果不通过,则返回错误信息. 前端为了更好的体验,都使用ajax进行表单提交,虽然 validate() 方法能够根据前端的不同请求方式,返回不 ...

  10. linux tmux用法

    1. 安装工具 Centos : yum install tmux 2. 基本操作 新建会话:tmux new -s session-name 查看会话:tmux ls 进入会话:tmux a -t  ...