CSS(一)

1.css引入方式

1.1行内样式(body中)

通过style标签

1.2内嵌样式(head中)

通过style标签

1.3外链样式(head)css单独

alink标签

1.4导入样式(head)css单独

@import url(“ 相对路径”),要放在style里面

2.选择器

2.1基本选择器

  1. 标签选择器:通过标签的名称进行获取
  2. ID选择器:通过获取标签的ID属性,#+id属性值
  3. 类选择器:通过获取标签的class属性,.+class属性值
  4. 通用选择器:通配符*

2.2 包含选择器(css,html分开)  

 1.子代选择器:获取的是某个标签的第一级子标签

2.后代选择器:获取的是某个标签里面所有的子标签

3.分组选择器:可以同时设置多个标签,使用逗号进行隔开

css部分: 

html部分:

效果:

 2.3属性选择器

2.4伪类选择器(不同状态颜色不同)

: link ----点击之前
: visited -----点击之后
: hover ------悬停
: active ------激活鼠标点击的时候不松手

悬停前后效果 :

 

2.5伪元素选择器(content属性)

:before

:after

----------------

css2后

::before

::after

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值