无师自通第八天

CSS相关知识

基本选择器

id选择器:#标识
class’类选择器:.(英文句号)标识

id选择器是全局唯一的,类选择器是可以重复使用的。

伪类选择器

链接伪类选择器
:link,:visited,:hover,:active (有顺序不能乱序)
结构伪类选择器
:fist-child,:last-child,:nth-child(n),:nth-last-child(n)
目标伪类选择器
:targer 选取当前活动的目标元素。链接之后的选中该颜色

样式表

#####内部样式表

<head>
	<style>
* {
    padding: auto;
    text-align: center;
    letter-spacing: 5px;
    /* text-shadow: 1px 2px; */

}
	</style>
</head>
外部样式表
 <link rel="stylesheet" href="style.css" type="text/css" />
行内样式表

权重比较高

<div style="color: pink;">你好</div>

块级元素

  1. 总是从新行开始
  2. 高度宽度外边距内边距都是可以控制的
  3. 宽度默认是容器的100%
  4. 可以容纳内联元素和其它元素

行内元素

  1. 和相邻行内元素在一行上
  2. 高宽无效,但是水平方向的padding和margin可以设置,垂直方向的无效
  3. 默认宽度就是他本身内容的宽度
  4. 行内元素只能容纳文本或者其它行内元素

行内块元素

<img />
 <input />
 <td>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值