三种css样式应用方式,CSS样式三种形式

CSS基本表现形式只有三种:标签样式、Class类样式、ID样式

标签样式: 必须与HTML标签同名。仅仅影响同名标签

Class样式:可以在任何标签中使用: class="样式名"

ID: #来表示

优先级 ID > Class > Label

1: HTML (结构层) 2: CSS (表现层) 3: JavaScript (行为层) 的关系

1: HTML (结构层) 2: CSS (表现层) 3: JavaScript (行为层)

2: HTML类似人的骨骼, CSS就像人的皮肤,JS给人赋予生命。

3: 前端框架:BootStrap / Jquery (通过网页的dom对象类进行选择) / Vue、Angularjs (双向数据绑定)

代码:

前端技术介绍、样式三种形式

/* CSS基本表现形式只有三种:标签样式、Class类样式、ID样式

标签样式: 必须与HTML标签同名。仅仅影响同名标签

Class样式:可以在任何标签中使用: class="样式名"

ID: #来表示,优先级 ID > Class > Label

*/

div{

color: red;

}

.mycls{

color: green;

}

#mycls{

color: blue;

}

我是DIV标签
我是DIV标签,使用class定义CSS

我是P段落 使用Id定义

CSS样式三种形式222

markdown CSS基本表现形式只有三种:标签样式.Class类样式.ID样式 标签样式: 必须与HTML标签同名.仅仅影响同名标签 Class样式:可以在任何标签中使用: class=&quot ...

大家好,又是新的一天。今天给大家带来一些新的知识:选择器的种类和css的三种样式

今天我们为大家 选择了 六种 选择器: 1. 标签选择器 2.id选择器 3.class选择器 4.后代选择器 5.子代选择器 6.交集选择器 我们就举三个典型的例子:后代选择器,子代选择器和交集选择 ...

HTML5结合CSS的三种方法+结合JS的三种方法

HTML5+CSS: HTML中应用CSS的三种方法 一.内联 内联样式通过style属性直接套进HTML中去. 示例代码

html(常用标签,标签分类),页面模板, CSS(css的三种引入方式),三种引入方式优先级

HTML 标记语言为非编程语言负责完成页面的结构 组成: 标签:被<>包裹的由字母开头,可以结合合法字符( -|数字 ),能被浏览器解析的特殊符号,标签有头有尾 指令:被<>包 ...

css-1&comma;css的三种引入方式 基本选择器

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值