CSS基础（改变样式）

最新推荐文章于 2022-04-26 18:43:49 发布

Isco也是O型腿

最新推荐文章于 2022-04-26 18:43:49 发布

阅读量257

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_53926719/article/details/114362814

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

CSS基础（改变样式）

简介

HTML具有局限性，只能做出页面大致框架，但很丑，css可以起美化作用。

CSS是层叠样式表的简称。主要用于设置HTML页面中的文本内容（字体，大小，文本样式等），图片的外形以及版面的布局和外观形式样式。

CSS语法规范
CSS的规则有两个主要部分构成：选择器和声明。
在这里插入图片描述

/*写在head里*/
<style>
        /* 选择器样式 */
        h4 {
            color: red;
            font-size: 12px;
            /* 修改字体大小 */
        }
    </style>
</head>
<body>
    <h4>青春不常在，抓紧谈恋爱</h4>

CSS代码风格
在这里插入图片描述
一般情况下用小写字母。

CSS基础选择器

根据不同需求把不同的标签选出来，如同时存在两个段落p，只改第一个p，则需要选择器。

css选择器使用手册

选择器分类
有基础选择器和复合选择器。基础选择器是单个选择器，包括标签，类，id和通配符选择器。
在这里插入图片描述
类选择器
样式点定义，结构类（class）调用
先定义，需要就调用，可以对指定标签改变。

<style>
        .red{
            color: red;
        }
    </style>
    <tr class="red">哈哈</tr>

类选择器-多类名
class中可以有多个类名，但必须用空格分隔开。方便重复调用。

id选择器
与类选择器相似，但在js中只能调用一次。用#做定义，id做调用。

通配符选择器
用*作定义，全部标签应用样式。权重低，会被覆盖。

CSS字体属性

Fonts应用于定义字体，大小，出粗细和文字样式
在这里插入图片描述

标题标签特殊，需另外手动更改。

<style>
   p{
     font:italic 700 16px 'Microsoft yahei'
    }
</style>

CSS文本属性

在这里插入图片描述

<style>
a{
            text-decoration: none;
            color: blue;
            /* 取消链接默认的下划线 */
        }
    </style>

在这里插入图片描述

CSS引入方式

按照CSS央视书写的位置，分为3大类

行内样式表（行内式）
内部样式表（嵌入式）
写到HTML页面内部，将所有CSS代码抽取出来，单独放到style标签里。
外部样式表（链接式）

/* css文件里只有样式 */
div{
    color: coral;
}

引入方式总结
在这里插入图片描述

Isco也是O型腿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
2
评论
CSS基础（改变样式）

CSS基础（改变样式）简介HTML具有局限性，只能做出页面大致框架，但很丑，css可以起美化作用。CSS是层叠样式表的简称。主要用于设置HTML页面中的文本内容（字体，大小，文本样式等），图片的外形以及版面的布局和外观形式样式。CSS语法规范CSS的规则有两个主要部分构成：选择器和声明。/*写在head里*/<style> /* 选择器样式 */ h4 { color: red; font-size:
复制链接

扫一扫