51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

web前端开发包，CSS外边距塌陷问题
一.我们为什么需要CSS？ 　　使用css的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离 在没有CSS之前，我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属
面试
前端
HTML
CSS
字符串
原创
mb65e3488ceb2f1
2024-03-16 11:36:06
46阅读

【响应式Web前端设计】css中：overflow：hidden解决塌陷
overflow:hidden是当元素内的内容溢出的时候使它隐藏溢出的部分，即超出部分隐藏。1.我们给一个父元素，里面有两个子元素2.样式如下：给父元素设置背景颜色，子元素设置边框，两个字元素向左浮动。3.运行结果如下：我们发现父元素的背景色并没有显示出来
背景色
解决方法
背景颜色
原创
李响Superb
2022-02-24 10:06:25
319阅读

【响应式Web前端设计】css中：overflow：hidden解决塌陷
overflow:hidden是当元素内的内容溢出的时候使它隐藏溢出的部分，即超出部分隐藏。1.我们给一个父元素，里面有两个子元素2.样式如下：给父元素设置背景颜色，子元素设置边框，两个字元素向左浮动。3.运行结果如下：我们发现父元素的背景色并没有显示出来4.给父元素加上overflow：hidden5.运行结果：父元素的背景色被显示出来当子元素浮动时，它的父元素不是不在了，因为父元素的高height：auto为自动值，就是根据里面的内容自动设置高度，由于子元素设置了左浮动，已经浮动起
CSS
前端布局
原创
李响Superb
2021-06-10 15:43:07
369阅读

web前端数组塌陷的解决办法
我们在处理数组的时候，如果想要删除干净一个数组按照正常的方式肯定是循环遍历，然后一个一个的将其删除掉，但在实际操作中会出现删除不干净的情况，这就是数组塌陷，下面小千介绍几种解决办法，记得收藏哦~
web前端
前端
数组
编程
原创
戏精程序媛
2021-04-07 10:49:13
173阅读

web前端-css
1.1CSS 链接的四种状态：a:link --普通的、未被访问的链接 a:visited --用户已访问的链接 a:hover --鼠标指针位于链接的上方 a:active --链接被点击的时刻这里我们需要注意的是这四个属性设置要遵循的顺序问题： a:hover 必须位于 a:link 和 a:visited 之后 a:active 必须位于 a:hover 之后我们要在 link 属性中加入
css
原创
国王很忙
2015-07-15 17:43:23
379阅读

html5防塌陷 css塌陷怎么解决
什么是高度塌陷?父元素高度自适应，子元素float之后，造成父元素高度为0，称为高度塌陷。他的产生条件就是子元素浮动 如图 如图：方法一：为父元素设置高度给父元素添加固定高度，适合做高度固定的布局建议：不推荐使用，只建议高度固定的布局使用方法二：给父元素添加overflow:hidden优点：简单，代码少，浏览器支持好缺点：不能和position配合使用，因为超出的尺寸会被隐藏建议：在页面布局
html5防塌陷
父类
页面布局
清除浮动
转载
编程艺术之光
2024-05-21 13:10:19
89阅读

Web前端笔记 -- CSS①
文章目录CSS简介HTML的局限性CSS-网页的美
css
前端
html
选择器
原创
十八岁讨厌编程
2022-08-05 21:06:37
250阅读

Web前端——CSS语法
一. CSS语法1. CSS注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co</title> <style> /*
css
选择器
html
属性值
原创
叮
2022-12-26 19:58:07
755阅读

【Web前端】CSS溢出
在网页设计中，“溢出”是一个常见且重要的概念。它涉及到如何处理那些超出预定范围的内容，以确保网页的布局和视觉效果达到预期。
html
css
web
前端
css3
原创 精选
一条晒干的咸魚
2024-08-27 09:12:33
392阅读
1点赞

web前端之css
一、介绍CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。二、语法每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束三、CSS的几种引入方式1、行内样式行内式是在标记的style属性中设定CSS样式。<p style="color:
css
web
原创
宋鹏超
2018-03-15 09:10:44
978阅读
1点赞
1评论

css 绝对定位 容器塌陷
文章目录前言一、什么是定位？二、常用的四种定位方法 1.相对定位 2.绝对定位3.固定定位4.粘滞定位总结 前言       本文主要介绍了CSS中常用的四种定位方法一、什么是定位？定位是一种更加高级的布局手段，就是将指定的元素摆放到页面的任意位置，使用position属性来设置定位；可选值—— static 默认值，元素是静
css 绝对定位 容器塌陷
css
css3
html
前端
转载
云端行者
8月前
44阅读

Web前端笔记 -- CSS③
文章目录CSS 的三大特性层叠性继承性优先级CSS的注释CSS层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。
css
前端
css3
外边距
选择器
原创
十八岁讨厌编程
2022-08-05 21:05:50
171阅读

Web前端笔记 -- CSS②
文章目录CSS 的复合选择器什么是复合选择器后代选择器子选
css
前端
css3
选择器
行内元素
原创
十八岁讨厌编程
2022-08-05 21:06:27
209阅读

Web前端——CSS布局
一. 文档流（normal flow）网页是一个多层的结构，一层叠着一层通过CSS可以分别为每一层设置样式作为用户来讲只
web
外边距
属性值
内边距
原创
叮
2022-12-26 19:55:00
406阅读

Web前端——CSS结构
一. CSS定义网页分为三个部分结构（HTML）表现（CSS）行为（JavaScript）1. CSS层叠样式表网页实际上是一个多层的结构，通过CSS可以为网页的每一层来设置
css
CSS
HTML
html
原创
叮
2022-12-26 19:57:47
154阅读

Web前端-CSS篇
Web前端-CSS篇学习CSS之后，感觉对Web前端又有了更深一步的理解。学习总结了许久，总算把学习笔记写完了，顿觉一阵轻松！！学习过程中，虽然有些枯燥，但最终的收获却很多很多。下面便是我的CSS的学习笔记，自我认为还行~~一、CSS定义和三种用法1、CSS:层叠样式表负责页面内容的样式标签的属性产生的问题：浏览器麻烦，需要改很多对开发人员：复杂，难维护解决方法：通过标...
Web
选择器
css
内部样式
伪元素
原创
Qwzf
2021-09-14 17:27:01
256阅读
12点赞
3评论

前端css架构 web前端开发css样式笔记
CSS1、浮动1.1 网页布局的方式1.2 浮动1.3 浮动的特性2、清除浮动3、CSS书写顺序4、定位4.1 静态定位4.2 相对定位4.3 绝对定位4.4 固定定位4.5 粘性定位4.6 定位的叠放顺序5、定位的拓展5.1 绝对定位的盒子居中算法5.2 定位的特殊特性5.3 元素显示与隐藏 1、浮动1.1 网页布局的方式（1）标准流标准流：标签按照规定好的默认方式排列①块级元素独占一行，从上
前端css架构
css
前端
绝对定位
选择器
转载
墨韵流香
2023-06-16 22:08:46
72阅读

css3前端架构 web前端css框架
CSS框架提供了设计一致解决方案的基本结构，以解决前端web开发中的常见问题。它们提供了通用功能，可以针对特定场景和应用程序进行覆盖。这大大减少了开始创建应用程序和网站所需的时间。Bootstrap最流行的前端框架之一，当然是Bootstrap。虽然它是为内部团队开发的一种工具，但一旦发布，它的采用率就大大提高了。它为常见的UI组件（如按钮、排版、表单、下拉列表、警报、选项卡、旋转木马）以及可选的
css3前端架构
UI
Bootstrap
前端框架
转载
互联网小思悟
2023-07-25 17:16:25
9阅读

web前端技术——HTML、CSS
@TOC一、HTML1、概念HTML，含义是超文本标志语言，它是一种用来创建超文本文档的标志语言。那么什么是超文本呢？它是用HTML编写的文档中包含指向其他文档或资源的链接，该链接也被称为超链接（hyperlink）。通过链接，用户可以很容易的访问链接下的资源。2、细分HTML一般包含两类信息：一类是标记信息，包含在标签中，由一对尖括号“<”作为定界符，其中是元素名和属性。另一类信息是文档的字符数
css
html
超文本
原创 精选
小申爱编程
2022-07-20 09:25:05
426阅读

Web前端——CSS基础样式
一. 样式的继承1. 定义样式的继承，我们为一个元素设置的样式同时也会应用到它的后代元素上2. 范围继承是发生
css
html
选择器
优先级
原创
叮
2022-12-26 19:58:19
127阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

【Web前端】了解CSS布局

web前端的css示例

CSS之高度塌陷问题1

Bootstrap（Web前端CSS框架）

web前端-css边框（border）

【Web前端】HTML样式“CSS”

【Web前端】CSS”叠叠乐“

css margin 外边距塌陷问题

CSS——父级边框塌陷问题

[css] 解决问题---高度塌陷

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯