JAVAWEB CSS 使用方法

方法一:

直接给HTML标签 加 style属性

比如 我是一个<span style="  ">大天才</span>樱木花道

" " 里面的就是按照css语法规则的键值对 

属性:值 ; 属性:值

只要是这个标签支持的css属性,随便整。

方法二:用于单页面使用同一样式

在HTML的head标签下定义CSS,CSS写法和CSS语法规则一致

<head>

<style type="text/css">   idea里面不写type也没得事

选择器 {

样式属性1:值;

样式属性2:值;

}

</style>

</head>

方法三:用于多个页面使用同一样式

把css样式写成一个单独的css文件,再通过link标签引入。

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

解释:

1、<link> 标签定义文档与外部资源的关系,最常见的用途是链接样式表

2、rel 属性规定当前文档与被链接文档之间的关系。  rel的常用值

3、URL可以是 相对地址(本网站的css文件)或者 绝对地址(其他网站的CSS文件)

相对 URL - 指向网站内的一个文件(比如 href="/themes/theme.css")

绝对 URL - 指向另一个网站(比如 href="http://www.example.com/theme.css")

 

1、CSS文件写法:

语法:就是css使用规则:

选择器 {   键值对;键值对;    }  或

选择器 {属性:值;属性;值;....可以无穷多个键值对}

CSS的注释写法和JAVA的多行注释一模一样 即/*注释内容*/

说明:

选择器决定HTML页面 哪些 HTML标签受影响

属性就是指要修改的样式名

建议:

为了提高可读性,每一行写一个属性

2、要引用CSS文件的HTML文件写法

<head>

      <meta charset="utf-8"/>

      <title>网页名字<./title>

      <link rel="stylesheet" type="text/css" href="1.css"/>   <!--假设1.css与这个html在同一目录-->

</head>

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值