CSS
文章平均质量分 91
CSS(层叠样式表,Cascading Style Sheets)是一种用于描述网页样式和布局的标记语言。它与HTML一起使用,用于控制网页元素的外观和样式。
阿珊和她的猫
前端开发工程师、CSDN博客专家、23年度博客之星前端领域TOP1、蓝桥云课签约作者、阿里云专家博主、已过CET6、牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》《2024前端面试高频手撕题》,已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》
展开
-
揭开 BFC 的神秘面纱:前端开发必知必会
BFC(Block Format Context)即块级格式化上下文,是 Web 前端开发中的一个重要概念。它是 CSS 中的一种布局规则,用于定义块级元素如何在页面上进行布局和渲染。BFC 可以看作是一个独立的容器,其中包含了一个或多个块级元素。在 BFC 内部,元素的布局和渲染遵循特定的规则,与外部的元素相互独立。这意味着 BFC 内部的元素不会与外部的元素产生布局冲突,并且可以独立地进行样式计算和渲染。BFC 的创建可以通过一些 CSS 属性来触发,例如floatpositionoverflow。原创 2023-11-28 23:54:32 · 1615 阅读 · 0 评论 -
拥抱简洁:探索Stylus的简洁语法与CSS预处理器之美
同时,Stylus 提供了丰富的功能和语法,使得样式表的编写更加简洁、灵活和可维护。通过这个示例,展示了如何使用变量、嵌套规则、Mixin、继承和运算符等 Stylus 的功能来提高代码的可维护性和重用性,同时保持代码的简洁性和可读性。通过使用 Extend 语法,我们可以将一个选择器的样式继承到另一个选择器上,从而避免在多个选择器中重复写相同的样式,提高了代码的重用性和可维护性。Stylus 的 Mixin 是一种可以重复使用的代码块,可以在不同的选择器中引用,并且支持参数传递,提供了更好的代码复用性。原创 2023-07-06 23:05:00 · 1123 阅读 · 1 评论 -
【DIV + CSS 标准化页面布局实战】标准盒子模型与怪异盒子模型
一、盒子模型盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。W3C组织建议把网页上元素看成是一个个盒子。盒模型主要定义四个区域:内容content内边距padding边框border外边距margin转换到我们日常生活中,可以拿两个手机来对比内容content=手机内边距padding=盒子中的填充物边框border=盒子的厚度外边距margin=两个...原创 2020-03-03 17:31:25 · 554 阅读 · 0 评论 -
【DIV + CSS 标准化页面布局实战】display属性,块元素与行元素互换,visibility: hidden和display:none和opacity:0的区别
display属性根据css规范的规定,每一个网页元素都有一个display属性用于确定改元素的类型,每一个元素都有默认的display属性值比如div元素,它的默认值display属性值为"block",称为块元素而span元素的默认值display属性值为"inline",称为行内元素块元素与行元素是可以转换的,也就是说display的属性值可以由我们自己改变display常见属...原创 2020-03-03 13:57:22 · 648 阅读 · 0 评论 -
【DIV + CSS 标准化页面布局实战】定位属性
01 Positiionposition属性指定一个元素(静态的,相对的,绝对或固定)的定位方法的类型。absolute生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位元素的位置通过left top right 以及 bottom属性进行规定fixed生成绝对定位的元素,相对于浏览器窗口进行定位元素的位置通过left top right 以及 bottom...原创 2020-03-02 22:47:53 · 492 阅读 · 0 评论 -
【DIV + CSS 标准化页面布局实战】DIV + CSS布局介绍,浮动属性
开始学习啦DIV + CSS 标准化页面布局实战HTML5新特性页面布局实战响应式页面布局实战使用弹性盒移动页面布局实战用流行栅格框架布局页面实战1.DIV+CSS布局布局介绍页面布局常用标签 <div>无意义块砖元素便签</div> <span>无意义行内元素标签</span> <p>段落标签<...原创 2020-03-02 17:10:00 · 776 阅读 · 0 评论