css基础2

mm0122

码龄4年

关注

原创最新推荐文章于 2026-08-24 19:11:42 发布 170 阅读

eNSP-抓包解析TCP三次握手和四次挥手的过程一、环境搭建 1.设备连接 2.服务器配置 3.客服端配置二、抓包测试 1.打开抓包软件 2.客户端获取数据三、抓包结果阅读详情

#博学谷it技术支持#

背景图片
- 属性名：background-image（bgi）
- 属性值：background-image：url（‘图片路径’）；
- 注意点
  - 背景图片中url可以省略引号
  - 背景图片默认是在水平和垂直方向平铺的
  - 背景图片仅仅是指给盒子起到装饰效果，类似于背景颜色，是不能撑开盒子的
背景平铺
- 属性名：background-repeat（bgr）
- 属性值
  - repeat——（默认值）水平和垂直方向都平铺
  - no-repeat——不平铺
  - repeat-x——沿着x轴方向平铺
  - repeat-y——沿着y轴方向平铺
背景位置
- 属性名：background-position（bgp）
- 属性值：background-position：水平方向位置垂直方向位置；
  - 方位名词
    - 水平：left、center、right
    - 垂直：top、center、bottom
  - 数字+px（坐标）
    - 正数：向右向下移动
    - 负数：向左向上移动
    - 注意：背景色和背景图只显示在盒子里
    - 原点（0，0）在盒子左上角
背景相关属性连写
- 属性名：background（bg）
- 属性值：取值之间以空格隔开
img标签和div+图片的区别
- img标签——用于重要部分，不设置宽高，默认以原尺寸显示
- div标签+图片——需要设置div的宽高，背景图片只是装饰css样式，不能撑开div标签盒子
目录

背景图片

背景平铺

背景位置

背景相关属性连写

img标签和div+图片的区别

元素显示模式
- 浏览器解析行内块或行内标签时，如果标签换行书写会产生一个空格的间距
- 块级元素
  - 特点：独占一行；默认宽度是父元素的宽度；可以设置宽高
  - 代表：div、p、h系列
- 行内元素
  - 特点：一行可以显示多个；不可设置宽高；尺寸和内容大小相等
  - 代表标签：a、span、strong
- 行内块元素
  - 特点：一行可以显示多个；可以设置宽高
  - 代表标签：input、testarea、button、img（特殊，有行内块元素特点，但Chrome调试工具显示结果为行内元素）
- 元素显示模式转换
  - 目的：改变元素默认的显示特点，让元素符合布局要求
  - 语法：
    - display：block——转为块级元素
    - display：inline-block——转为行内块级元素
    - display：inline——转为行内级元素
- html元素嵌套规范
  - 大套小：but：p标签不可嵌套div、p、h等块级元素
    - 块级元素可以嵌套文本、块级元素、行内元素、行内块元素等
  - a标签可以嵌套a标签，but：a标签不能嵌套a标签