CSS基本语法

最新推荐文章于 2022-07-06 19:01:22 发布

红乐呀！

最新推荐文章于 2022-07-06 19:01:22 发布

阅读量99

点赞数

分类专栏： JavaWeb 文章标签： css html5 html

本文链接：https://blog.csdn.net/qq_19037931/article/details/120729560

版权

JavaWeb 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

CSS语法由三部分组成：

选择符 {
	 属性：值
}

例如：

p{
	color:red;//属性之间用分号加以分隔
	font-size:10px
}

HTML和CSS的结合方式：

**
1）内嵌样式

<p style="font-size:20pt;color:red">
这个style定义<p></p>里面的文字是20pt字号，字体颜色是红色。
</p>

2）内部样式
将样式代码写在<head></head>里

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div{
            border:1px solid yellow;
            color:blue;
            font-size:30px;
        }
        span{
            border:1px dashed blue;
            color:yellow;
            font-size:20px;
        }
    </style>
</head>
<body>
        <div>标签1</div>
        <div>标签2</div>
        <span>标签1</span>
        <span>标签2</span>
</body>
</html

3)外部样式
把css样式写成一个独立的css文件，再通过link标签引入即可复用。
1.css文件的内容如下：

div{
border: 1px solid yellow;
} s
pan{
border: 1px solid red;
}

2.HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--link 标签专门用来引入 css 样式代码-->
<link rel="stylesheet" type="text/css" href="1.css"/>
</head>
<body>
<div>div 标签 1</div>
<div>div 标签 2</div>
<span>span 标签 1</span>
<span>span 标签 2</span>
</body>
</html>

红乐呀！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS基本语法

CSS语法由三部分组成：选择符 { 属性：值}例如：p{ color:red;//属性之间用分号加以分隔 font-size:10px}**HTML和CSS的结合方式：**1）内嵌样式<p style="font-size:20pt;color:red">这个style定义<p></p>里面的文字是20pt字号，字体颜色是红色。</p>2）内部样式将样式代码写在<head></head>里&l
复制链接

扫一扫