CSS入门学习

一、CSS简介

  1. CSS 是 Cascading Style Sheets 的缩写,即:层叠样式表单
  2. CSS 是 HTML 语言的一种扩展,其主要作用为:
    ●定义 Web 页面布局以及页面中元素的显示方式
    ●利用 CSS 样式实现 HTML 内容(结构)与表现(格式)的分离

二、CSS语法

  1. 语法结构
    在这里插入图片描述

  2. 注释
    以 /* 开始,以 */ 结束,中间为注释内容

  3. CSS引入方式
    ●内嵌式:又称行内式,在HTML标签上编写样式,如:<p style="color:red">

●内部式:包含在HTML的<head></head>中,只对当前页面有效,如:<style>...</style>
●外部式:链接引入外部样式表文件,如:<link href="style.css" ...>

三、CSS选择器

●标签选择器
HTML标签名(元素)作为选择器名称,如:div 、h1 、p …

●类选择器
类(class)用于描述一组标签的样式,class 可以用在多个标签中

●ID选择器
ID选择器用于为标有特定ID的HTML标签设置样式

●通配选择器
利用 * 为指定范围内的所有标签设置样式

●包含选择器
HTML中为父元素(标签)下的子元素设置样式

●选择器分组
为一组元素设置相同样式,利用逗号分割多个选择器

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值