当前位置: 首页 > news >正文

WEB前端网页设计 HTML CSS 网页设计参数 - 【浮动与定位】

浮动与定位

类似盒子一样边距多少:用left,right,top等调整

选择器{ position :属性值;}

position属性的常用值有四个,分别代表不同的定值

自动定位  ( 默认 )

static

相对定位,相对于其原文档流的位置进行定位

针对原来的位置(标准流时)进行定位,且原来位置保留

relative

绝对定位,相对于其上一个已经定位的父元素进行定位;

为某个对象进行定位而使用,原来位置不保留

absolute

固定定位,相对于浏览器窗口进行定位

fixed

叠放顺序,谁大谁在上

z-index

在整个居中的div容器上设置absolute绝对定位,会破坏div的居中

左右边距产生冲突,以左为准

上下边距产生冲突,以上为准

给浏览器设置高度,对全局<body>标签设置

居中

margin:0  auto

继承性的优先级是0

当id属性选择器和class选择器发生冲突时,id选择器优先

选择器

权重优先级

id

100

class

10

p

1

相同权重谁离得近谁优先级就高

不继承的属性:( 边框属性、外边距、内边距、

背景属性、定位属性、布局属性、元素的高度和宽度 )

相关文章:

  • 基层机构网站建设/焦作网站seo
  • dnf网站上怎么做商人/seo软件开发
  • 怎么做网站的导航/个人开发app可以上架吗
  • 网站做关键词排名/搜索引擎营销的特点是什么
  • 网站建设子栏目怎么弄/搜索引擎和浏览器
  • 河间哪里有做网站的/优化大师卸载不了
  • Docker:rabbitmq启动镜像后访问15672端口无法显示管理界面问题解决
  • 【论文精读8】MVSNet系列论文详解-UCS-Net
  • 大数据hadoop_HDFS概述(1)
  • Java多线程之:队列同步器AbstractQueuedSynchronizer原理剖析
  • 用ACL实现防火墙功能
  • MySQL 使用触发器记录用户的操作日志
  • Secureboot概念
  • ARM汇编之程序状态寄存器传输指令
  • QT + FFmpeg 5.x + x264 + x265 + SDL2 音视频播放器
  • IO流(JAVA)
  • Kafka - kafka环境配置以及参数分析
  • sql集锦