CSS一

最新推荐文章于 2021-12-04 10:05:36 发布

若_青

最新推荐文章于 2021-12-04 10:05:36 发布

阅读量81

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_44542770/article/details/104115809

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

CSS

css是网页的美容师

CSS的三种样式

行内式

 <h2 style="color: pink; font-size: 100px;" >也许世间都这样</h2>

内嵌式

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        h2 {
            color:green;
            font-size: 50px;
        }
    </style>
</head>
<body>
    <h2>也许世间都这样</h2>

外链式

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h3>也许时间就这样</h3>
</body>
</html>

CSS选择器

css选择器就是选择标签用的，把想要的标签选择出来

常用选择器

标签选择器 (不能差异化选择)

可以把某一类标签全部选出来(通过html标签选择)

类选择器

.类名

id选择器(只能使用一次)

#id名

通配符选择器(选择的太多，多余的也有)

*  选择所有标签

改变字体大小

font-size

改变字体

font-family

改变字体粗细

normal   不加粗
bold   定义粗体
加粗700  不加粗400

改变字体风格

font-style
normal  正常显示
italic   斜体

综合写法

font:  ilalic  700  20px  "微软雅黑“  （大小，字号不能丢）

文本水平对齐方式

text-align
left   左对齐
right   右对齐
center   居中

行间距

line-height

首行缩进

text-indent : 2em

文本装饰

text-decoration   

none    默认，取消下划线
underline   文本下定义一个下划线

若_青

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS一

CSScss是网页的美容师CSS的三种样式行内式 <h2 style="color: pink; font-size: 100px;" >也许世间都这样</h2>内嵌式<head> <meta charset="UTF-8"> <meta name="viewport" content="width=...
复制链接

扫一扫

专栏目录