前端开发CSS3——使用方式和选择器

本文深入讲解CSS(层叠样式表)的基本概念,包括声明、声明块、选择器和规则等核心要素。同时,介绍了HTML文件如何通过外部样式表、内部样式表及内联样式三种方式引入CSS文件,以实现对文档的美化。

CSS是Cascading Style Sheets(层叠样式表)的简写,用于修饰文档的语言,可以修饰HTML、XML、SVN。每个语言都有每个语法的规则:CSS声明、CSS声明块、CSS选择器、CSS规则。

1、css声明简单来说就是一个键值对的形式,类似于  color: black;

2、css声明块就是用大括号{}括起若干个css声明,类似于  {color: black; background-color: white;}

3、css选择器就是某个或者一组标签的标识,类似于  p、div

4、css规则就是前面三个的总结,类似于  p{color: black; background-color: white;}

注意:css的注释是/* 这里是注释内容 */

我们虽然知道css的规则了,怎么将css规则用于修饰被修饰的文档。xml文件和svn文件博主也不知道也没有深度的了解,这里只讲述HTML文件怎么引入css文件。html文件引入css文件有三种方式:

1、外部样式表

外部样式表的引入方式有两种情况,link标签方式引入效率高,一般是用到哪个标签就导入哪个标签;@import方式和style方式效率不高,浏览器会全部读取样式表的样式。

link标签引入(推荐):

复制代码

样式表的引入方式

这是一个p标签

复制代码       @import url()引入只能写在style标签里的第一行,否则导入不成功:

复制代码

样式表的引入方式

这是一个p标签

复制代码   2、内部样式表

在html文件样式直接写在style标签中

复制代码

样式表的引入方式

这是一个p标签

深圳网站建设www.sz886.com
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值