EasyDemo*CSS概述及样式表知识点个人总结(一&&二)

一、CSS

  1. CSS概述

1.1.1CSS的作用

1.1.2什么是CSS

*CSS:层叠样式表,简称样式表

*用于html文档中元素的样式定义

-实现了将内容与表现分离

-提高代码的可重用性和可维护性

1.2使用CSS样式表

1.2.1使用CSS样式表

*内联方式

-样式定义在单个的html元素中

*内部样式表

-样式定义在html页的头元素中

*外部样式表

-将样式定义在一个外部的CSS文件中(.css文件)

-由html页面引用样式表文件

1.2.2内联方式使用CSS

*样式定义在html元素的标准属性style里

*CSS语法

-只需将分号隔开的一个或多个属性、值对作为元素的styel属性的值

 -属性和属性值之间用:连接

 -多对属性之间用;隔开

1.2.3内部样式表

*样式表规则位于文档头元素中的<style>元素内

-在文档的<head>元素内添加<style>元素

-在<style>元素中添加样式规则

*在<style>元素中添加样式规则

-可以定义多个样式规则

-每个样式规则有两个部分:选择器和样式声明

*选择器:决定哪些元素使用这些规则

*样式声明:一对大括号,包含一个或多个属性/值对

1.2.4外部样式表

*第一步:创建一个单独的样式表文件用来保存样式规则

-一个纯文本文件,文件后缀为.css

-该文件中只能包含样式规则

-样式规则由选择器和样式声明组成

*第二步:在需要使用该样式表文件的页面上,使用<link>元素链接需要的外部样式表文件

-在文档的<head>元素内添加<link>元素

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值