首页 > 编程语言 >JavaWeb-CSS

JavaWeb-CSS

时间:2022-12-09 16:24:24浏览次数:58  
标签:JavaWeb 样式 标签 代码 css CSS

JavaWeb-CSS

1 概述

CSS 是一门语言,用于控制网页表现。我们之前介绍过W3C标准。W3C标准规定了网页是由以下组成:

  • 结构:HTML
  • 表现:CSS
  • 行为:JavaScript

CSS也有一个专业的名字:Cascading Style Sheet(层叠样式表)。

如下面的代码, style 标签中定义的就是css代码。该代码描述了将 div 标签的内容的字体颜色设置为 红色。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            color: red;
        }
    </style>
</head>
<body>
    <div>Hello CSS~</div>
</body>
</html>

在浏览器中的效果如下:
在这里插入图片描述

2 css 导入方式

css 导入方式其实就是 css 代码和 html 代码的结合方式。CSS 导入 HTML有三种方式:

  • 内联样式:在标签内部使用style属性,属性值是css属性键值对

    <div style="color: red">Hello CSS~</div>
    

    给方式只能作用在这一个标签上,如果其他的标签也想使用同样的样式,那就需要在其他标签上写上相同的样式。复用性太差。

  • 内部样式:定义

标签:JavaWeb,样式,标签,代码,css,CSS
From: https://www.cnblogs.com/zhangj9/p/16969231.html

相关文章

  • JavaWeb-HTML
    JavaWeb-HTML快速入门1.新建文本文件,后缀名改为.html/.htm2.编写HTML结构标签3.在中使用<h1>定义标题字体4.使用标签定义图片5.保存后,使用浏览器打开该文件标......
  • css知识点简记
    1.改变position:fixed;定位基准元素的方式,父级以上元素的:①tranform属性值不为none的元素②perspective值不为none的元素③will-change中指定了任意CS......
  • CSS速查笔记
    什么是CSS?控制页面样式的,通常放在HTML的head标签内使用CSS结构选择器{css样式}css样式:{属性:值,属性:值,属性:值}CSS的引入方式有3种:一般都是在html种的head标签内加css......
  • 02jQuery之筛选选择器、链式编程、addClass( )、css( )、元素的显示和隐藏
    筛选选择器:语法描述示例:even选取索引是偶数的所有元素(index从0开始)$("li:even")选取索引是偶数的所有li元素:odd选取索引是奇数的所有元素(index从0开始)$("li:odd")选取......
  • CSS相对定位3大应用场景5个实战应用案例详解
    昨天发布的margin的5个重难点,受到了很多粉丝们的关注和收藏。我发现,作为学习Web前端开发的同学最大的痛苦莫过于,学了一堆知识,但到了实际的应用开发中不知道如何灵活运用。......
  • css1
    css01css简介css基础选择器css字体属性css文本属性css的引入方式综合案例调试工具1.css简介css主要是为了美化页面布局页面的html太丑了css是层叠样式表的......
  • #yyds干货盘点#css样式vh屏幕高度
    众所周知,在从css3中,vh和wh指的是浏览器可见区域。1vw等于视窗总宽度的1%1vh等于视窗总高度的1%移动端使用vh遇到的问题由于,各种浏览器的计算高度不一样,譬如Safari浏览......
  • 用HTML+CSS做一个漂亮简单大学生校园班级网页
    OverridetheentrypointofanimageIntroducedinGitLabandGitLabRunner9.4.Readmoreaboutthe extendedconfigurationoptions.Beforeexplainingtheav......
  • 用HTML CSS 实现简洁美观的时间线(历史年表)
    前几天在B站刷到尼尔后突发奇想,就想给尼尔做一个简单的小网站,在思考如何体现尼尔的世界观的时候想到了使用时间线的方式,将所有时间的事件罗列起来。所以就试着做了一下,这种......
  • 设计一个简单HTML爵士音乐网页(HTML+CSS)
    OverridetheentrypointofanimageIntroducedinGitLabandGitLabRunner9.4.Readmoreaboutthe extendedconfigurationoptions.Beforeexplainingtheav......