- 综合排序
- 最热优先
- 最新优先
- 来自专栏PM吃瓜(公众号)
CSS框架
Bootstrap属于前端框架，而960gs可被称为 CSS 框架，两者包含的范畴相差甚远。 使用CSS框架的优点 1、加速你的开发 CSS框架帮你做好了基础工作因此你可以更快地开始开发。它能过向你提供重复的和常用的任务代码——如reset——因此你不需要每次都从头开始写。 使用CSS框架的缺点 1、限制你的自由 既然CSS框架有标准的网格，选择器和其它代码，它就限制了你可以设计的东西：布局大小，网格宽度，按键类型，样式，以及其它任何东西。 如果你真的希望利用CSS框架来节约时间的话你基本上就要接受同样的框架。 如果每个字节都非常重要，你可能需要深入进去并去除CSS中不需要的代码。 3、强迫你使用框架语法 通过使用CSS框架，你被迫接受语法的变化，特别是框架使用非标准命名模式的情况。
1.4K20发布于 2019-08-12 - 来自专栏睡不着所以学编程
CSS笔记(10)
CSS笔记(10) 唉,感觉最近好懒啊,一直在玩玩玩.得抓紧学了,每次看弹幕都感觉别人学的好快好多,在家的效率真的好低啊,比学校里低太多了555555.
47220编辑于 2022-09-20 - 来自专栏前端开发
【CSS当红框架】你必须得认识 Tailwind CSS 框架
前言 一直在寻求一个能够帮助我快速编写 CSS 的工具，这样便于我快速对网页进行开发，方便我对于一些新技术的学习，而不用花太多精力去书写样式，昨天了解到 原子化 CSS，我的心头一振。 然后与 BootStrap 相比，这个 Tailwind CSS 框架强在更加原子化，而且其种类比 BootStrap 要多很多，这是一个更加细粒度的 CSS 库，且自定义程度更高。
26610编辑于 2024-03-20 - 来自专栏Java3y
常用的CSS框架
常用的CSS框架 之前在写自己的个人网站的时候，由于自己Web前端不是特别好，于是就去找相关的CSS框架来搭建页面了。 找到以下这么一篇文章(列出了很多常用的CSS框架)： http://w3schools.wang/report/top-UI-open-source-framework-summary.html Bootstrap Iview Layui Mui Frozenui AlloyUI W3.CSS 本篇主要是记录我用过的CSS框架，并把之前写过的笔记进行整合一下。 这里写图片描述 ---- 详情用法可参考:https://my.oschina.net/u/3777556/blog/1628746 ---- BootStrap BootStrap这个CSS框架是非常火的 Materialize 这个也是很好看的CSS框架，具体的用法跟BootStrap是差不多的，会了BootStrap这个也就看文档来用了，没什么特别的地方的。
3.9K80发布于 2018-03-15 - 内联文本样式 ? CSS 类名列表 ? ?来自专栏MeowRain的博客
MDUI CSS框架 -排版
内容排版 MDUI 除了使用 Normalize.css 和设置 body 元素的字体和颜色外，没有直接对其他 HTML 元素的样式做出修改。 mdui-text-center"> MDUI 一款美观的css 框架
1.5K20发布于 2021-04-22
CSS 框架 Bulma 教程
网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。 Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架----Bulma。 Bulma 是一个手机优先的框架，提供五个宽度断点，具有良好的自适应特性，可以随心所欲为不同设备设置不同样式。 is-2 is-3 is-4 is-5 is-6 is-7 is-8 is-9 is-10 is-11 ? 如果要指定某个网格偏移，可以用is-offset-修饰类。 ，运行一下npm run build，就会生成自己的样式表css/bulma.css了。 全栈工程师技能大全 WEB前端性能优化常见方法 一小时内搭建一个全栈Web应用框架 干货：CSS 专业技巧 四步实现React页面过渡动画效果 让你分分钟理解 JavaScript 闭包 ----
CSS 框架 Bulma 教程
网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。 Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架----Bulma。 一、简介 Bulma 框架最大的特点，就是简单好用。所有样式都基于class，只需为 HTML 元素指定class，样式立刻生效。 Bulma 是一个手机优先的框架，提供五个宽度断点，具有良好的自适应特性，可以随心所欲为不同设备设置不同样式。 is-2 is-3 is-4 is-5 is-6 is-7 is-8 is-9 is-10 is-11 如果要指定某个网格偏移，可以用is-offset-修饰类。 另外，10月24日是程序员节。作为一名敲代码为生的程序员，你是不是被旁人贴过太多不属于你的标签----死板、呆萌、宅、不解人意？ （完）
CSS知识框架（一）
这是我参与「掘金日新计划 · 8 月更文挑战」的第21天，点击查看活动详情 >> CSS知识框架 标签模式 块级元素 特点： 总是从新行开始 高度、行高、外边距，内边距都可以控制 宽度默认是容器的100% 右下角 左下角;边距 内边距： 是指 边框与内容之间的距离 padding 外边距：margin盒子居中 用法：margin: 0 auto;清楚内外边距 用法：margin:0，padding:0css3 padding + border content-box:此值为其默认值，其让元素维持W3C的标准Box Mode盒子阴影 box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内/外阴影；CSS 样式 内部样式 内嵌式是将CSS代码集中写在HTML文档的head头部标签中行内式 标签的style属性来设置元素的样式外部样式表 链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中
NEC 框架规范 css reset
/* reset */ html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,
NEC 框架规范 css function
/* function */ .f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} .f-cb,.f-cbli li{zoom:1;} .f-ib{display:inline-block;*display:inline;*zoom:1;} .f-dn{display:none;} .f-db{display:block;} .f-fl{fl
框架分析（10）-SQLAlchemy
框架分析（10）-SQLAlchemy 主要对目前市面上常见的框架进行分析和总结，希望有兴趣的小伙伴们可以看一下，会持续更新的。希望各位可以监督我，我们一起学习进步。
10 个最佳 CSS 动画库
Animate CSS 网站地址:http://daneden.github.io/anim... 网站描述:齐全的CSS3动画库 ? 想必这个不用介绍，大部分人都知道了。 网站描述: Magic CSS3 Animations 是 CSS3 动画的包，伴有特殊的效果，用户可以自由的在 web 项目中使用。 ? 这个动画库有一些非常漂亮和流畅的动画，特别是3D的。 7.Hover.css 网站地址: http://ianlunn.github.io/Hover/ 网站描述: 纯CSS3鼠标滑过效果动画库 Hover.css是许多CSS动画的集合，与上面的动画不同 ** 用法 只需创建一个div元素，并添加动画的名称
10.CSShake 网站地址: https://elrumordelaluz.github shake','shake-hard') 使用 JQ $(".my-element").addClass("shake shake-hard")---- 原文：https://dev.to/weeb/10CSS进阶10-分层显示
在CSS入门系列文章 CSS入门11-定位与覆盖中我们对不同元素生成的盒的重叠情况作了比较与分析，讲到了z-index属性，这一节我们引入两个新的关键词，堆叠级别stack level和堆叠上下文stack 堆叠上下文 stack context 和堆叠级别 stack level 在CSS 2.2中，每个盒都有三个维度的位置。 在未来CSS级别中，其他属性可能会引入堆叠上下文，例如“ 不透明度opacity ” [CSS3COLOR]。 3. z-index属性 ? 注：关于这篇文章的知识点，我推荐大家阅读前端大神张鑫旭的这篇blog深入理解CSS中的层叠上下文和层叠顺序 参考 https://www.w3.org/TR/CSS22/visuren.html#visual-model-intro 那些你不知道的事 谈谈一些有趣的CSS题目（三）-- 层叠顺序与堆栈上下文知多少 深入理解CSS中的层叠上下文和层叠顺序
Day10:html和css
Day10:html和css <html> <body>
标题
段落
</body> </html> HTML 是用来描述网页的一种语言，超文本标记语言，不是一种编程语言 标签为页面上的所有链接规定默认地址或默认目标（target） <base target="_blank" /> <link> 标签定义文档与外部资源之间的关系 <link rel="stylesheet" type="text/<em>css</em> " href="mystyle.<em>css</em>" /> <style> 标签用于为 HTML 文档定义样式信息 <style type="text/<em>css</em>"> body {background-color:yellowCSS记录 - 2021-08-10
, rgba(34, 34, 34, 0.2) 62.5%, #0000 62.5%, #0000 100% ); background-size: 8px 8px; 效果背景图： 2、CSS 右箭头 display: inline-block; width: 10px; height: 10px; border-top: 2px solid #222025; border-left: 2px solid #222025; transform: rotate(136deg); 3、浏览器Scroll Style ::-webkit-scrollbar { width:10px 100,0.3); border: 1px solid #171A2A; } ::-webkit-scrollbar-thumb { border-radius:10px
出品的 CSS 框架
新近推出的一个基于 Normalize.CSS 的 CSS 框架，它没有使用任何 JavaScript，只是 HTML 和 CSS。 Pure 这个 CSS 框架是响应式布局，并且定义了 排版，网格，表单，按钮，表格和导航等样式。 使用非常简单，并且整个框架非常小（压缩及最小化之后只有 5.7KB），另外它还是模块化的，每个模块的样式可以单独使用。 访问：Pure ----
YUI3 CSS框架学习
YUI3的CSS与YUI2的CSS不同
改变最大的我觉得是Grids部分，YUI2中以模版的方式提供给我们调用，功能中多选项也很多，而且配合Grid Build Tool，可以快速的生成复杂的页面结构。 YUI3 CSS Base
Base可以将众多的HTML元素设置成一个基本的样式，同样，提供了全局和局部的选项，可以根据需要使用。
<style>
.yui3-g .content {
margin-right:10px;
}
</style>
流式布局的实现方式
流式布局，是指左右（或者只有一边 CSS Framework出现了，对于浏览器的处理开始系统化。知识被写到了法典中。 参考资料：
1、YUI3 CSS Reset
2、YUI3 CSS Fonts
3、YUI3 CSS Grids
4、YUI3 Alignment Example Page
5、YUI3 Grids Are
如何编写轻量级 CSS 框架
如今轻量级框架如雨后春笋，层出不穷。我想每个人都应该归纳总结工作中的常见需求，编写一套适合自己的 CSS 框架。 虽然 CSS 对于很多人来说很简单，但是真要去写一个框架，还是非常棘手，这时候就需要借鉴一些优秀的框架。 大多数的轻量级框架只是 CSS 框架，不涉及 JS 部分，主要用于网页的布局。我之所以打算自己编写框架，是因为工作中重复的东西太多，通过框架可以很好的将这些零散组件整合到一起。 我编写的栅格系统也是默认 12 列，但是后来发现 12 列的栅格缺少最常用的列宽（比如 10%、20%、30%等），比如下面 CodePen 展示的例子用 12 列栅格是无法完成的，所以我又添加了 10 -- 10 列栅格 -->
MDUI CSS框架 ---颜色和主题
背景颜色类名为 .mdui-color-[color]-[degree]。它在设置背景色的同时，还设置了背景色中的文本颜色和文本不透明度。
Bulma — 基于Flexbox的CSS框架
今天我们来介绍一款CSS框架，它的名字是Bulma。它是一个现代的，基于Flexbox的CSS框架。下面是它的一系列特点，更多示例可点击「阅读原文」进行查看。 content you want, it's always centered Compose your element with modifier classes Add and combine is-* CSS 总而言之，这款CSS框架设计非常精妙，采用了最新的Flexbox技术，没有历史包袱，所以能荣登Github Trending！
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号