css_介绍

清疚 2022-05-25 04:52 160阅读 0赞

**1. CSS概念**

CSS指层叠样式表(Cascading Style Sheets), 能够做到网页表现与内容分离的一种样式设计语言。样式通常保存在外部的css文件中。

**2. CSS语法**

![20180508140056251][]

选择器：可以是html元素自身的名称，也可以是自定义名称。

声明之间使用分号分隔，外面使用大括号包起来。

每个声明由属性冒号加值组成。

值有三种写法：

1.使用单词：

P\{color:red;\}

2.使用十六进制的颜色值:

P\{color:\#ff0000;\}

3.为了节约字符，使用缩写：

P\{color:\#f00;\}

（只有两两一样时才能缩写，否则不能缩写）

**3. 引入样式**

引入样式有两种：（注意要写到head标签里面）

Link式:（建议使用此方式）

<link type=”text/css” rel=”stylesheet” href=”../css/my.css” />

Html式：

<style type=”text/css”>@import url(“../css/my.css”);</style>

例：

![20180508140659162][]

![20180508140709387][]

把样式部分放到css目录下的my.css文件中：

![20180508141716663][]

Html中使用样式的三行代码修改为如下一行：

![20180508141808201][]

运行，效果和之前一样：

![20180508141815908][]

[20180508140056251]: /images/20220525/4c16d62725ad40a09f5f7c327253626b.png
[20180508140659162]: /images/20220525/41436f7b11b946d6a05fefd25ef26189.png
[20180508140709387]: /images/20220525/88588cb94ef048a790be64b17f17fb7b.png
[20180508141716663]: /images/20220525/17e7f1e8c31b4f9a8af3190b91a0d592.png
[20180508141808201]: /images/20220525/7ed5dc1dd10548608fe185e98140b4bd.png
[20180508141815908]: /images/20220525/7e6cb4bb9c704458bb6dc7cd80725432.png

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS介绍

CSS简介 CSS基础选择器 CSS字体属性 CSS文本属性 CSS的引入方式 CSS简介 CSS是层叠样式表（Cascading Sty

川长思鸟来/ 2022年12月28日 00:42/ 0 赞/ 70 阅读

相关 css 定位介绍

css定位：position 取值 1：static 默认值，没有定位，元素出现在正常的流中 2：relative 相对于正常位置进行定位 3

小灰灰/ 2022年09月24日 05:28/ 0 赞/ 125 阅读

相关 CSS 3动画介绍

![cssda_thumb1.jpg][] 原文：[A Beginner’s Introduction to CSS Animation][A Beginner_s Intr

女爷i/ 2022年08月14日 04:48/ 0 赞/ 153 阅读

相关 CSS3 background介绍

background应该是CSS里使用频率颇高的属性，简单实用。但参数偏多，本篇就介绍一下background的各种特性。 CSS3之前主要有5个属性： backgr

心已赠人/ 2022年07月12日 06:14/ 0 赞/ 156 阅读

相关 css_介绍

1. CSS概念 CSS指层叠样式表(Cascading Style Sheets), 能够做到网页表现与内容分离的一种样式设计语言。样式通常保存在外部的css文件中。

清疚/ 2022年05月25日 04:52/ 0 赞/ 161 阅读

相关 CSS3 animation介绍

上一篇[transition][]过渡属性通过让属性在时间段内根据贝塞尔曲线平滑过渡，呈现出动画效果，但毕竟功能有限。本篇介绍的animation属性和传统的动画制作一样，能控

朴灿烈づ我的快乐病毒、/ 2022年05月24日 08:45/ 0 赞/ 124 阅读

相关 CSS全面介绍

1. 简介 CSS：Cascading Style Sheet层叠样式表前端开发者写的标签的样式代码一定是样式库定义的样式关于CSS有三种方式： 1. 行内

爱被打了一巴掌/ 2022年02月20日 07:12/ 0 赞/ 227 阅读

相关 CSS介绍

技术分享，侵删。原文链接：[https://www.cnblogs.com/yuanchenqi/articles/5976755.html][https_www.cnbl

快来打我*/ 2022年02月05日 11:31/ 0 赞/ 221 阅读

相关 CSS 的介绍

第一章的介绍 1.CSS：“层叠样式表”，它是cascading style sheets的缩写，作用就是给HTML标签加表现形式（样式\-显示），如：字体，图片，列表

- 日理万妓/ 2022年01月07日 15:27/ 0 赞/ 224 阅读

相关 CSS--简单介绍

前言 > CSS是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个

深藏阁楼爱情的钟/ 2021年09月27日 02:26/ 0 赞/ 360 阅读