CSS速成大法

CSS速成大法

知识来源于up:黑马程序员

什么是CSS

  • CSS是一门语言,用于控制网页表现。
    CSS:层叠样式表
  • W3C标准:网页主要由三部分组成
    结构:HTML
    表现:CSS
    行为:JavaScript

CSS导入方式

  • css导入HTML有三种
  1. 内联样式:在标签内部使用style属性,属性值是css属性键值对
 <div style="color: red">hello css</div>
  1. 内部样式:定义< style >标签,在标签内部定义css样式
     <style>
        span{color: red}
    </style>
    
    <body>
<span>hello css</span>
</body>
  1. 外部样式:定义link标签,引入外部的css文件
<link href="../css/demo.css" rel="stylesheet">
    
 <body>
<p>你好 css</p>
</body>
p{
    color:red;
}

CSS选择器

  • 概念:选择器是选取需设置样式的元素(标签)
  • 分类
  1. 元素选择器
    元素名称 {color: pink}
 div {
            color: pink
        }
  1. id选择器
    #id属性值 {color: aquamarine}
#name {
            color: aquamarine
        }
  1. 类选择器
    .class属性值{color:red}
        .cls{color: aqua}

css属性

阅读文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值