一、CSS简单规则

CSS样式表包含3部分内容：选择符、属性和属性值

其中选择符包括基本的3种选择器：

1、标记选择器，如<a></a>标签等；

2、类别选择器，用class属性来声明即可；

3、id选择器，用id来声明，只能使用1次。

二、CSS选择器

1、标记选择器，例如对<a></a>标签，下面代码声明了页面中所有<a>标记的样式风格

<style>

    a{

           font-size:9px;

           color:#F93;

      }

</style>

2、类别选择器，例如下面代码，要使每个<h2>标签实现不一样的字体，可以用class属性来为每个<h2>标签声明不一样的类（可以同时加载多个类别选择器的样式，在多种类别选择器之前，用空格进行分隔，例如“<h2 class="size color"”，这个h2可以同时加载size和color的样式）

3、id选择器，和类别选择器类似，只不过用id声明，且一个id只能使用一次

<style>

    #first{

            font-size:18px

        }

    #second{

            font-size:24px

        }

    #third{

            font-size:36px

        }

</style>

<body>

        <p id="first">id 选择器</p>

        <p id="second">id 选择器2</p>

        <p id="third">id 选择器3</p>

</body>

三、在页面中包含CSS

1、行内样式：直接定义在HTML标记之内，通过style属性实现，适合初学者，但灵活性不强，如<p style="color:#F00; font-size:36px;"。

2、内嵌式：在页面中使用<style></style>标记将CSS样式包含在页面中，通常在<head></head>标签内定义。

3、链接式：用的最多，将CSS样式定义在一个单独的文件中，在HTML页面中通过<link>标记引用，通常也放在<head></head>标签内：

语法如下：

<link rel='stylesheet' href='path' type='text/css'>

rel：定义外部文档和调用文档间的关系

href：CSS文档的绝对或相对路径

type：指的是外部文件的MIME类型

CSS重要知识概述——Java Web从入门到精通第2章的更多相关文章

  1. Java Web 从入门到精通（明日科技）

    目录结构: 第一章:Java Web 应用开发概述 第二章:html与css网页开发基础 第三章:JavaScript脚本语言 第四章:搭建开发环境 第五章:JSP语言基础 第六章:JSP内置对象 第 ...

  2. java web从入门到精通

    1.Springboot配置 1.1mybatis mapper.xml所在的目录必须为resource的资源文件夹,如果xml文件在java的package里面,需要修改文件夹类型 idea修改方式 ...

  3. 《HTML、CSS、Javascript网页制作，从入门到精通》——第一章 HTML基础，第二章HTML基本标记

    1)HTML的基本概念 HTML就一种描述性的标记语言,是文档的超文本标记语言. 基本结构为: HTML标记组成  : <标记元素> 源文件中标记是不区分大小写的. 2)编写方法: 1&g ...

  4. JAVA WEB快速入门之从编写一个基于SpringBoot+Mybatis快速创建的REST API项目了解SpringBoot、SpringMVC REST API、Mybatis等相关知识

    JAVA WEB快速入门系列之前的相关文章如下:(文章全部本人[梦在旅途原创],文中内容可能部份图片.代码参照网上资源) 第一篇:JAVA WEB快速入门之环境搭建 第二篇:JAVA WEB快速入门之 ...

  5. JAVA WEB快速入门之从编写一个基于SpringMVC框架的网站了解Maven、SpringMVC、SpringJDBC

    接上篇<JAVA WEB快速入门之通过一个简单的Spring项目了解Spring的核心(AOP.IOC)>,了解了Spring的核心(AOP.IOC)后,我们再来学习与实践Maven.Sp ...

  6. JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

    接上篇<JAVA WEB快速入门之环境搭建>,在完成了环境搭建后(JDK.Tomcat.IDE),现在是万事具备,就差写代码了,今天就来从编写一个JSP WEB网站了解JSP WEB网站的 ...

  7. JAVA WEB快速入门之通过一个简单的Spring项目了解Spring的核心（AOP、IOC）

    接上篇<JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构.调试.部署>,通过一个简单的JSP WEB网站了解了JAVA WEB相关的知识,比如:Ser ...

  8. 在MyEclipse下创建Java Web项目 入门（图文并茂）经典教程

    http://jijiaa12345.iteye.com/blog/1739754 在MyEclipse下创建Java Web项目 入门(图文并茂)经典教程 本文是一篇在Myeclipse下构建Jav ...

  9. Java Web快速入门——全十讲

    Java Web快速入门——全十讲 这是一次培训的讲义,就是我在给学生讲的过程中记录下来的,非常完整,原来发表在Blog上,我感觉这里的学生可能更需要. 内容比较长,你可以先收藏起来,慢慢看. 第一讲 ...

随机推荐

  1. Python全国二级等级考试(2019)

    一.前言 2018年9月随着全国计算机等级考试科目中加入“二级Python”,也确立了Python在国内的地位,猪哥相信Python语言势必会像PS那般普及.不久的将来,谁会Python谁就能获得女神 ...

  2. MySQL 复制 - 性能与扩展性的基石 4：主备切换

    一旦使用 MySQL 的复制功能,就很大可能会碰到主备切换的情况.也许是为了迭代升级服务器,或者是主库出现问题时,将一台备库转换成主库,或者只是希望重新分配容量.不过出于什么原因,都需要将新主库的信息 ...

  3. 第1章 发现端点(Discovery Endpoint) - IdentityModel 中文文档(v1.0.0)

    OpenID Connect发现端点的客户端库作为httpclient的扩展方法提供.该GetDiscoveryDocumentAsync方法返回一个DiscoveryResponse对象,该对象具有 ...

  4. 一款Android图文识别与扫描软件

    OCR图文识别App 是一款准确高效的 OCR文字识别与扫描软件,识别准确度高,速度快,扫描文件清晰,可导出TXT.Excel. 免费使用. 技术 基于百度在业界领先的人工智能与深度学习技术,提供对身 ...

  5. 牛客网《BAT面试算法精品课》学习笔记

    目录 牛客网<BAT面试算法精品课>学习笔记 牛客网<BAT面试算法精品课>笔记一:排序 牛客网<BAT面试算法精品课>笔记二:字符串 牛客网<BAT面试算法 ...

  6. cmake 入门实战

    当你的程序只有一个源文件时,直接就可以用gcc命令编译它 g++ main.cc 这样会输出一个main.out https://www.hahack.com/codes/cmake/

  7. Use Wait & Notify to Implement Two Threads Run Alternatively

    public class ThreadCommunication { public static void main(String[] args) { Business business = new ...

  8. 原生js显示消失

    function showModel() {document.getElementById('container_head').style.display = 'block';}function cl ...

  9. ASP.NET Core WebApi中使用FluentValidation验证数据模型

    原文链接:Common features in ASP.NET Core 2.1 WebApi: Validation 作者:Anthony Giretti 译者:Lamond Lu 介绍 验证用户输 ...

  10. msql分区

    确认mysql服务器是否支持分区表: show plugins; 如果能看到partition则表示能分区. HASH分区的特点: 根据MOD(分区键,分区数)的值把数据行存储到表的不同分区中 数据可 ...