CSS的属性(文本、文字、背景、列表、盒子、浮动、定位属性)

字体属性

在这里插入图片描述

文本属性

在这里插入图片描述

背景属性(页面元素的背景样式)

在这里插入图片描述

列表属性

在这里插入图片描述

超链接伪类

在这里插入图片描述
注意

  • 在CSS定义中a:hover必须置于a:link和a:visited之后,才是有效的。
  • 在CSS定义中,a:active必须置于a:hover之后,才是有效的。

鼠标形状控制

在这里插入图片描述

外边距margin和内边距padding

注意:margin:上 右 下 左 (顺时针方向)
注意:padding:上 右 下 左 (顺时针方向)

浮动

  • 取值:
    1. left 左浮动
    2. right 右浮动
    3. none 不浮动
  • 作用:
    1. 块元素同行排列显示,一般用于排版、分栏显示。
    2. 设置浮动属性后,脱离文档流向指定的左或右边对齐直到父元素的边界或浮动元素。
  • 注意:
    1. 使用浮动后要及时清除、以免影响其后的网页元素。
  • 清除浮动的必要:
    1. 浮动后,脱离了文档流不占网页空间。
    2. 浮动后的网页元素会影响同级元素。
  • clear属性清除浮动
    1. 取值(left、right、both、none)
    2. 表明容器框的哪边不挨着浮动框。

overflow属性

作用:定义溢出元素内容区的内容会如何处理。

取值

  • visible(默认)
  • auto(如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。)
  • hidden(多出的内容隐藏)
  • scroll(增加滚动条)

定位属性(position)

  • relative(相对位置)
    1. 相对于原来的位置,通过指定偏移,到达新的位置。
    2. 仍在标准流中,它对父级盒子和相邻的盒子没有任何影响。
  • absolute(绝对位置)
    1. 相对于已设定非static定位属性的父元素计算偏移量。
  • fixed(固定定位)
  • static(默认)

定位图解
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值