06_Java Web——CSS

最新推荐文章于 2024-05-19 01:30:07 发布

子平Zziping

最新推荐文章于 2024-05-19 01:30:07 发布

阅读量70

点赞数

分类专栏： Java Web学习笔记文章标签： css

本文链接：https://blog.csdn.net/qq_45926462/article/details/124295651

版权

Java Web学习笔记专栏收录该内容

14 篇文章 1 订阅

订阅专栏

CSS简介

Cascading Style Sheet：层叠样式表

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

CSS导入方式

内联样式：在标签内部使用style属性，属性值是css属性键值对

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

内部样式：定义<style>标签，在标签内部定义css样式

<head>
    <style type="text/css">
        div{
            color:red;
        }
    </style>
</head>
<body>
    <div>Hello CSS!</div>
</body>

外部样式：定义<link>标签，引入外部的css文件

/*demo.css*/
div{
    color:red;
}

<head>
    <link rel="stylesheet" href="demo.css">
    <!--
        href：指定文件类型  stylesheet：css
    -->
</head>

CSS选择器

1. 元素选择器

元素名称{
    color:red;
}

例：

div{color:red;}

2. id选择器

/*唯一：id无法重复*/
#id属性值{
    color:red;
}

例：

<div id="name">hello css</div>

#name{color:red;}

3. 类选择器

/*不需要唯一*/
.class属性值{
    color:red;
}

例：

<div class="cls">hello css</div>

.cls{color:red;}

CSS属性

参考网站：https://www.w3school.com.cn/

子平Zziping

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
06_Java Web——CSS

CSS简介Cascading Style Sheet：层叠样式表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /* CSS */ div{ color: red; } </.
复制链接

扫一扫