html基础(day2)-CSS

最新推荐文章于 2023-08-01 16:00:44 发布

Chemin Du Retour

最新推荐文章于 2023-08-01 16:00:44 发布

阅读量358

点赞数

分类专栏： Java学习

本文链接：https://blog.csdn.net/weixin_45535964/article/details/109250924

版权

Java学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

CSS

把css标签单独写成文件,然后用link标签引入

选择器

1.id选择器

<head>
    <meta charset="UTF-8">
    <title>CSS</title>
    <link rel="stylesheet" type="text/css" href="1.css">
    <style>
        #id001{
            color: red;
            font-size: 20px;
            border:5px blue dotted;
        }
    </style>
</head>
<body>
<div id="id001" class=""> 这是一个div</div>
</body>

2.class 选择器

 <style type="text/css">
       .abc{
            color:green;
           font-size: 26px;
       }
    </style>
<div class="abc"> 这是一个div</div>

常用样式

1、字体颜色
color：red；
颜色可以写颜色名如：black, blue, red, green 等
颜色也可以写 rgb 值和十六进制表示值：如 rgb(255,0,0)，#00F6DE，如果写十六进制值必
须加#

2、宽度
width:19px;
宽度可以写像素值：19px；
也可以写百分比值：20%；

3、高度
height:20px;
高度可以写像素值：19px；
也可以写百分比值：20%；

4、背景颜色
background-color:#0F2D4C

4、字体样式：
color：#FF0000；字体颜色红色
font-size：20px; 字体大小

5、红色 1 像素实线边框
border：1px solid red;

7、DIV 居中
margin-left: auto;
margin-right: auto;

8、文本居中：
text-align: center;

9、超连接去下划线
text-decoration: none;

10、表格细线
table {
border: 1px solid black; /*设置边框*/
border-collapse: collapse; /*将边框合并*/
}
td,th {
border: 1px solid black; /*设置边框*/
}

11、列表去除修饰
ul {
list-style: none;
}

Chemin Du Retour

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html基础(day2)-CSS

CSS把css标签单独写成文件,然后用link标签引入选择器1.id选择器<head> <meta charset="UTF-8"> <title>CSS</title> <link rel="stylesheet" type="text/css" href="1.css"> <style> #id001{ color: red;
复制链接

扫一扫