02 CSS

使用 table 进行布局存在缺陷,而一般的布局都会采用 DIV+CSS 来进行布局。

Div 它是一个html 标签,一个块级元素(单独显示一行)。它单独使用没有任何意义,必须结合 CSS 来使用。它主要用于页面的布局。 
Span 它是一个 html 标签,一个内联元素(显示一行)。它单独使用没有任何意义,必须结合 CSS 来使用。它主要用于对括起来的内容进行样式的修饰。

CSS

层叠样式表 Cascading Style Sheets

样式定义如何显示HTML元素

样式通常存储在样式表中

把样式添加到HTML4.0中,是为了解决内容与表现分离的问题

外部样式表通常存储在CSS文件中


CSS 的作用:

HTML 整个网站的骨架

CSS 对整个骨架的内容进行修饰


CSS语法规范:

选择器{

    属性名1:属性值1;

    属性名2:属性值2;

    ... ....

}


CSS引入方式:

1、行内引入

<div style="color:red;font-size:100px">JavaEE</div>

2、内部引入

<style type="text/css">

    div{

        color:red;

        font-size:100px;

    }

</style>

3、外部引入

style.css

div{

    color:red;

    font-size:100px;

}


page.html

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <link rel="stylesheet" type="text/css" href="../../css/style.css" />

    </head>


优先级问题: 谁离需要修饰的元素近,谁的样式生效,其它的被覆盖掉。(就近原则)


CSS选择器

元素选择器、类选择器、id选择器


元素名{

    属性名1:属性值1;

    属性名2:属性值2;

}

对相同元素设置相同样式。


.类名{

    属性名1:属性值1;

    属性名2:属性值2;

}

对多个元素设置相同的样式。


#id属性名{

    属性名1:属性值1;

    属性名2:属性值2;

}

a{text-decoration:none;}  去掉下划线






本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/387039.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

为什么要在密码里加点“盐”

盐&#xff08;Salt&#xff09; 在密码学中&#xff0c;是指通过在密码任意固定位置插入特定的字符串&#xff0c;让散列后的结果和使用原始密码的散列结果不相符&#xff0c;这种过程称之为“加盐”。 以上这句话是维基百科上对于 Salt 的定义&#xff0c;但是仅凭这句话还是…

一致性哈希算法 应用

互联网创业中大部分人都是草根创业&#xff0c;这个时候没有强劲的服务器&#xff0c;也没有钱去买很昂贵的海量数据库。在这样严峻的条件下&#xff0c;一批又一批的创业者从创业中获得成 功&#xff0c;这个和当前的开源技术、海量数据架构有着必不可分的关系。比如我们使用m…

(9)How to take a picture of a black hole

https://www.ted.com/talks/katie_bouman_what_does_a_black_hole_look_like/transcript 00:13In the movie "Interstellar[ˌɪntərˈstelə(r)]星际的," we get an up-close look at a supermassive black hole. Set against a backdrop of bright gas, the black…

单个节点的缓存容量达到上限 Hash算法一致性

场景 单个节点的缓存容量达到上限&#xff0c;无法继续单点增加内存&#xff0c;如何解决&#xff1f; 单个节点支撑的QPS达到上限&#xff0c;如何解决&#xff1f; 初步方案 增加N个缓存节点&#xff0c;为了保证缓存数据的均匀&#xff0c;一般情况会采用对key值hash&…

java学习笔记11 (构造方法 this深探)

在开发中&#xff0c;经常需要在创建对象的同事明确对象对的属性值&#xff0c;比如一个person对象创建的时候就应该有name和age 等属性&#xff0c;那么如何做到在创建对象的同时给对象的属性值初始化值呢&#xff1f; 这里介绍构造方法 1 构造方法没有返回值类型&#xff0c;…

密码中不能包含全角字符的正则表达式

String regex "^((?![^\\x00-\\xff]).)*$"; String str "aA"; System.out.println(str.matches(regex));

编程算法 - 将排序数组按绝对值大小排序 代码(java)

一个含有多个元素的数组&#xff0c;有多种排序方式。它可以升序排列&#xff0c;可以降序排列&#xff0c;也可以像我们以前章节说过的&#xff0c;以波浪形方式排序&#xff0c;现在我们要看到的一种是绝对值排序。对于数组A,绝对值排序满足以下条件&#xff1a;|A[i]| < …

QT Linux打包发布

Linux&#xff1a; 1、用Release编译&#xff1b; 2、把可执行文件(如paike)放入新建目录中; 3、当前目录下编写脚本copyDependency.sh&#xff0c;把动态链接库导入当前目录&#xff1b; #!/bin/shexe"paike" #发布的程序名称destination"/home/paike"…

CRM公海自动回收规则

企微云CRM操作指南 – 道一云|企微https://wbg.do1.com.cn/xueyuan/2568.html 销售云 - 美洽 - 连接客户&#xff0c;亲密无间https://meiqia.com/sales-cloud 转载于:https://www.cnblogs.com/rgqancy/p/10695466.html

三分钟看懂一致性哈希算法

一致性哈希算法&#xff0c;作为分布式计算的数据分配参考&#xff0c;比传统的取模&#xff0c;划段都好很多。 在电信计费中&#xff0c;可以作为多台消息接口机和在线计费主机的分配算法&#xff0c;根据session_id来分配&#xff0c;这样当计费主机动态伸缩的时候&#xf…

数据结构09图

第七章 图 Graph 7.1 图的定义和术语 顶点 Vertex V 是顶点的有穷非空集合&#xff0c;顶点数 |V| n VR 两个顶点之间关系的集合&#xff0c;边数 |VR| e 有向图 Digraph <v, w> Arc v Tail / Inital node w Head / Terminal node 无向图 Undigraph <v, w> 必…

JVM调优-GC参数

一、Throughput收集器(吞吐量) -XX:UseParallelGC -XX:UseParallelOldGC *参数调整&#xff1a;通过调整堆大小&#xff0c;减少GC停顿时间&#xff0c;增大吞吐量 增强堆大小可以减少Full GC频率&#xff0c;但却会增加停顿时间 1.手动调整 -Xmn -Xms -XX:NewRatioN 手动指…

aspnetcore源码学习(一)

---恢复内容开始--- 笔者从事netcore相关项目开发已经大半年了&#xff0c;从netcore 1.0到现在3.0大概经过了3年左右的时间&#xff0c;记得netcore刚出来的时候国内相关的学习资料缺乏&#xff0c;限制于外语不大熟练的限制国外的相关书籍看起来相当吃力&#xff0c;于是在当…

评估一个垃圾收集(GC)

在实践中我们发现对于大多数的应用领域&#xff0c;评估一个垃圾收集(GC)算法如何根据如下两个标准&#xff1a; 吞吐量越高算法越好暂停时间越短算法越好 首先让我们来明确垃圾收集(GC)中的两个术语:吞吐量(throughput)和暂停时间(pause times)。 JVM在专门的线程(GC threads…

python数据分析常用包之Scipy

Scipy转载于:https://www.cnblogs.com/jacky912/p/10697853.html

docker容器状态跟踪及疑惑

一、 1 def status_test():2 container client.containers.create("comp")3 print ("create: ", container.status)4 container.start()5 print ("start: ", container.status)6 container.pause()7 print ("paus…

CAP和BASE理论

几个名词解释&#xff1a; 网络分区&#xff1a;俗称“脑裂”。当网络发生异常情况&#xff0c;导致分布式系统中部分节点之间的网络延时不断变大&#xff0c;最终导致组成分布式系统的所有节点中&#xff0c;只有部分节点之间能够进行正常通信&#xff0c;而另一些节点则不能…

Mysql案例5:取得平均薪资最高的部门的部门名称

一、要求&#xff1a;查询平均薪水最高部门的部门编号 二、背景&#xff1a;当前数据库有employee表和department表&#xff0c;数据分别如下&#xff1a; employee表&#xff1a; department表&#xff1a; 三、难点&#xff1a; 1、需要考虑最高平均薪资可能在多个部门同时出…

Spring 处理过程分析

一、处理过程分析 1、首先&#xff0c;Tomcat每次启动时都会加载并解析/WEB-INF/web.xml文件&#xff0c;所以可以先从web.xml找突破口&#xff0c;主要代码如下&#xff1a;<servlet ><servlet-name >spring-mvc</servlet-name><!-- servlet类 --><…

python全栈开发中级班全程笔记(第二模块、第四章)(常用模块导入)

python全栈开发笔记第二模块 第四章 &#xff1a;常用模块&#xff08;第二部分&#xff09; 一、os 模块的 详解 1、os.getcwd() &#xff1a;得到当前工作目录&#xff0c;即当前python解释器所在目录路径 import os j os.getcwd() # 返回当前pyt…