CSS样式表定义

CSS样式表定义一个JSP页面是通过在HTML标签的基础上嵌入JSP动作和指令、CSS、Java变量和方法(Java代码段)、其他脚本元素(如JavaScript)等组成的。

大家好,又见面了,我是你们的朋友全栈君。

在网页制作过程中,定义样式表的方法主要有下面三种。

1.通过HTML标签定义样式表
CSS样式表的基本语法如下:

引用样式的对象{标签属性:属性值;标签属性:属性值;…}

(1)引用样式的对象:指的是需要引用该样式的HTML标签,可以是一个或多个标签,需要注意的是,这里使用的是去掉尖括号的标签名。例如,p、table等,而不是<p>、<table>。
(2)标签属性:属性值——这是一一对应的,每个属性与属性值对之间用分号隔开。要说明的是,CSS的属性设置与脚本语言的属性设置有一点不同,即属性名称的写法不同。在CSS中,凡属性名为两个或两个以上的单词构成时,单词之间以“-”隔开,如背景颜色属性background-color。
例如,“< h1>< /h1>标签和< h2>< /h2>标签内的文本居中显示,并采用蓝色字体”的样式表为:

 h1,h2{text-align:center;color:bule}

2.使用id定义样式表
在HTML页面中,id选择符用来对某一单一元素定义单独的样式,定义id选择符要在id名称前加上一个#号。使用id定义样式表的基本语法如下:

id名称{标签属性:属性值;标签属性:属性值;…}

使用时只需将要用该样式的网页内容前加一个id=“id名称”。例如:

#sample{font-family:宋体;font-size:60pt}
<p id = sample>段落文本</p>

3.使用class定义样式表
若要为同一元素创建不同的样式或为不同元素创建相同的样式,可以使用CSS类。CSS类有两种定义格式,定义时,在自定义类的名称前面加一个点号。

标签名.类名{标签属性:属性值;标签属性:属性值;…}

这种格式的类指明所定义的样式只能用在类名前所指定的标签上。例如:

h1.center{text-align:center}

该center类的样式只能用在< h1>标签上。

.类名{标签属性:属性值;标签属性:属性值;…}

这种格式的类使所有class属性值为该类名的标签都遵循该类所定义的样式。例如:

.text{font-family:宋体;color:red;}
<p class = "text">段落文本</p>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/158955.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 苹果x充电慢是什么原因_iPhone 12支持15W MagSafe无线充电,未来苹果手机的充电会发生什么?_充电器…

    2020-10-2122:44:400点赞0收藏0评论2020年由于一些特殊的原因导致一切似乎都和平时不一样了,所有的发布会都改成了线上,而备受关注的苹果也将发布会转移到了线上并采用录播的形式播出,从WWDC2020开始,我们就看到了一个不一样的线上发布会。众所周知,每年的秋季苹果都会发布新iPhone。在2020年9月份的苹果发布会上我们只见到了新iPad和新的AppleWatch发布,有且…

  • python保留字及其说明

    python保留字及其说明用于导入模块,与import结合使用条件语句,与else,elif结合使用用于表达式运算,逻辑非操作

  • js解压gzip数据_gzip 压缩

    js解压gzip数据_gzip 压缩微信小程序开发交流qq群173683895承接微信小程序开发。扫码加微信。GZIP压缩,GZIP解压需要用到pako.js文件:下载地址:https://download.csdn.net/download/qq_35713752/10627338使用方法:JS压缩和解压:varpako=require(‘../../utils/pako.min.js…

  • itextpdf生成表格的常见用法

    itextpdf生成表格的常见用法随时随地阅读更多技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(ydmsq666)、博主微信(guyun297890152)、QQ技术交流群(183198395)。在前面的文章介绍了itextpdf基本用法和使用itextpdf生成图片,itextpdf还可以实现很多功能,非常强大,今天主要介绍如何使用itextpdf生成表格式的pdf,在实际项目中也非常常用,首先举一个非常…

  • leetcode 最长有效括号_leetcode 三数之和

    leetcode 最长有效括号_leetcode 三数之和给你一个只包含 ‘(’ 和 ‘)’ 的字符串,找出最长有效(格式正确且连续)括号子串的长度。示例 1:输入:s = “(()”输出:2解释:最长有效括号子串是 “()”示例 2:输入:s = “)()())”输出:4解释:最长有效括号子串是 “()()”示例 3:输入:s = “”输出:0题解括号匹配:(看作+1,)看作-1,所有满足条件的括号应该是前缀和>=0,并且总和==0class Solution {public: const int INF =

  • Centos系统下Lamp环境的快速搭建(超详细)

    Centos系统下Lamp环境的快速搭建(超详细)

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号