一、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. final 关键字与安全发布 多线程中篇（十三）

    final的通常理解 在Java中,final关键字可以用来修饰类.方法和变量(包括成员变量和局部变量) 大家应该都知道final表示最终的.最后的含义,也就是不能在继续 修饰类表示不能继承,修饰方法 ...

  2. Java秋招面经大合集

    微信公众号[程序员江湖] 作者黄小斜,斜杠青年,某985硕士,阿里 Java 研发工程师,于 2018 年秋招拿到 BAT 头条.网易.滴滴等 8 个大厂 offer,目前致力于分享这几年的学习经验. ...

  3. 兼容性：Adapter（适配器模式）【PHP】

    Adapter(适配器模式) ---- 加个“适配器”以便于复用 将一个类的接口转换成客户希望的另一个接口.Adapter模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作. 应用场景 如果 ...

  4. 解决Android编译时出现aapt.exe finished with non-zero exit value 1

    当出现这个错误的时候,说明了你的资源文件出错了.然而AS能给你提供的信息实在太少,看了半天没看出个所以然,也没有说明是哪个资源文件出错,一头雾水. 这时候就可以用 Gradlew 来调试. 而grad ...

  5. Android远程桌面助手(B1413)

    ARDC(B1413) 1.解决Android9显示黑屏问题;2.解决向导菜单显示异常问题;3.解决部分手机无法正常连接的问题;4.切换到WiFi连接时,增加显示NetworkID;5.更新图片压缩的 ...

  6. Git使用详细教程(9):git log

    目录 格式化 检索 显示最近提交 Git中使用git log查看提交日志 如果日志很多的话,默认会以分页方式展示 空格可以翻下一页,ctrl+b翻上一页,q退出 格式化 如果想获取每条日志的简要信息, ...

  7. express+handlebars 快速搭建网站前后台

    最近在重构公司网站,原来网站使用PHP,前后端不分离,添加与更新网站内容仍使用原始方法,先出布局再把调好的布局给PHP后端开发,花时间长,维护不易.因此决定将网站前后端分离,核心功能含网站下单及CRM ...

  8. 关于GITLAB若干权限问题

    访问权限 - Visibility Level 这个是在建立项目时就需要选定的,主要用于决定哪些人可以访问此项目,包含3种 Private - 私有,只有属于该项目成员才有原先查看 Internal ...

  9. 国内常用DNS

    114.114.114.114 国内移动,电信,联通通用DNS 223.5.5.5 阿里 223.6.6.6 阿里 180.76.76.76 百度

  10. WebGL绘制有端头的线

    关于WebGL绘制线原理不明白的小伙伴,可以看看我之前的文章WebGL绘制有宽度的线.这一篇我们主要来介绍端头的绘制,先看效果图. 端头一般被称为lineCap,主要有以下三种形式: butt最简单等 ...