- 综合排序
- 最热优先
- 最新优先
- 来自专栏PM吃瓜(公众号)
CSS框架
Bootstrap属于前端框架，而960gs可被称为 CSS 框架，两者包含的范畴相差甚远。 2、可以使用跨浏览器功能 记得为了让你的网站或web应用在所有浏览器下看起来一样而不断调整你的CSS代码的痛苦么?好吧，通过使用CSS框架你可以与这个烦恼告别了，它们帮你搞定这个问题。 如果你真的希望利用CSS框架来节约时间的话你基本上就要接受同样的框架。 否则，当你想要做一些不同的东西时，你还要花时间来更改代码或学习一个新的框架——这就好比你有一个项目使用了独特的或非常规的参数或者设计。 2、添加额外代码 CSS框架不可避免地有一些你不需要的代码。 如果每个字节都非常重要，你可能需要深入进去并去除CSS中不需要的代码。 3、强迫你使用框架语法 通过使用CSS框架，你被迫接受语法的变化，特别是框架使用非标准命名模式的情况。
1.4K20发布于 2019-08-12 - 来自专栏python、mysql、go知识点积累
css(2)
一、css属性及用法 1.1css样式操作 块级标签的长度和宽度都是可以设置的，但是行级标签不可以直接设置长度和宽度。 1.7css盒子模型 值 描述 margin 控制元素与元素之间的距离 padding 控制内容与边框之间的距离 border 内容外面的边框 content 内容 ? 1.8float（浮动） 在css中任何元素都可以浮动，浮动的特点： 浮动的框可以左右移动，直到碰到网页的边框或者另一个浮动的框，浮动的框可以覆盖固定的框，而且浮动的框会把原来框占有的位置让出来。 >
div2p
</body> clear属性规定元素的哪一册不允许其他浮动元素。 clearfix">div2p
</body> 1.9overflow溢出属性 溢出发生的原因是标签的文本内容太多
【CSS当红框架】你必须得认识 Tailwind CSS 框架
前言 一直在寻求一个能够帮助我快速编写 CSS 的工具，这样便于我快速对网页进行开发，方便我对于一些新技术的学习，而不用花太多精力去书写样式，昨天了解到 原子化 CSS，我的心头一振。 然后与 BootStrap 相比，这个 Tailwind CSS 框架强在更加原子化，而且其种类比 BootStrap 要多很多，这是一个更加细粒度的 CSS 库，且自定义程度更高。
常用的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这个也就看文档来用了，没什么特别的地方的。
MDUI CSS框架 -排版
内容排版 MDUI 除了使用 Normalize.css 和设置 body 元素的字体和颜色外，没有直接对其他 HTML 元素的样式做出修改。
h1 标题 heading 副标题 Secondary text
<h2>h2 标题 heading mdui-text-center"> MDUI 一款美观的css 框架CSS 框架 Bulma 教程
网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。 Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架----Bulma。 Bulma 是一个手机优先的框架，提供五个宽度断点，具有良好的自适应特性，可以随心所欲为不同设备设置不同样式。 is-size-1： 3rem is-size-2： 2.5rem is-size-3： 2rem is-size-4： 1.5rem is-size-5： 1.25rem is-size-6： 1rem ，运行一下npm run build，就会生成自己的样式表css/bulma.css了。 全栈工程师技能大全 WEB前端性能优化常见方法 一小时内搭建一个全栈Web应用框架 干货：CSS 专业技巧 四步实现React页面过渡动画效果 让你分分钟理解 JavaScript 闭包 ----
CSS 框架 Bulma 教程
网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。 Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架----Bulma。 一、简介 Bulma 框架最大的特点，就是简单好用。所有样式都基于class，只需为 HTML 元素指定class，样式立刻生效。 Bulma 是一个手机优先的框架，提供五个宽度断点，具有良好的自适应特性，可以随心所欲为不同设备设置不同样式。 is-size-1： 3rem is-size-2： 2.5rem is-size-3： 2rem is-size-4： 1.5rem is-size-5： 1.25rem is-size-6： 1rem ，运行一下npm run build，就会生成自己的样式表css/bulma.css了。
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为扩展名的外部样式表文件中
2.CSS特性-CSS进阶
CSS继承性示例1.png ② 例2 <! CSS继承性示例2.png Ⅰ.a标签的继承 按照例1 体现的CSS继承性，例 2 的子元素也应该是蓝色，但是子元素（a元素）却显示深紫色。 2.层叠性 在网页中，对于同一个元素，我们重复定义了多个相同的属性时，CSS将会怎样处理？ （1）“后来者居上”原则 CSS的层叠性，指的是样式的覆盖。 CSS层叠性示例1.png ② 例2 <! CSS层叠性示例2.png
css入门（2）
一、基本选择器 1、元素选择器 元素选择器，就是“选中”相同的元素，然后对相同的元素设置同一个CSS样式。 语法： image.png 举例： <! html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/<em>css</em> <em>2</em>、id选择器 我们可以为元素设置一个id，然后针对这个id的元素进行<em>CSS</em>样式操作。注意，在同一个页面中，不允许出现两个相同的id，这个就像没有哪两个人的身份证号是相同的道理一样。 我们可以对“相同的元素”或者“不同的元素”设置一个class（类名），然后针对这个class的元素进行<em>CSS</em>样式操作。 p元素和span元素是两个不同的元素，但是我们可以为这两个不同的元素设置相同的class，这样就可以同时为这两个不同的元素设置相同的<em>CSS</em>样式了。 举例<em>2</em>： <!
CSS笔记(2)
CSS字体属性 CSS Font(字体)属性用来定义字体系列:大小,粗细和文字样式(如斜体). 文字字体 CSS使用font-family属性定义文本的字体系列 文字大小 CSS使用font-size属性定义文字大小 文字粗细 CSS使用font-weight 设置文字的粗细效果 文字样式 CSS使用font-style属性设置文本的风格 平时我们很少给文字加斜体,反而要把斜体改为默认不倾斜的字体. font-weight font-size/line-height font-family; } 注意: 1.使用font属性时,必须按照上面的语法格式中的顺序书写,不能更换顺序,各个属性之间一空格隔开. 2. CSS文本属性 CSS Text睡醒可定义文本的外观,比如文本的颜色,对齐文本,装饰文本,文本缩进,行间距等. ①文字颜色 color用于定义文本的颜色 ②对齐方式 text-align
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 cite,em,var,address,dfn{font-style:normal;} [hidefocus],summary{outline:0;} li{list-style:none;} h1,h2, } textarea{overflow:auto;resize:none;} label,summary{cursor:default;} a,button{cursor:pointer;} h1,h2,
NEC 框架规范 css function
{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;} .f-fs1{font-size:12px;} .f-fs2{ normal;word-wrap:break-word;word-break:break-all;} .f-ti{overflow:hidden;text-indent:-30000px;} .f-ti2{ text-indent:2em;} .f-lhn{line-height:normal;} .f-tdu,.f-tdu:hover{text-decoration:underline;} .f-tdn,
【CSS3】css开篇基础（2）
2.Emmet语法 它是前端开发者提高编码效率的强大工具。 使用自增符号 $ 的示例 : 使用{}的示例： 以上都是html结构标签快速生成，下面是css的快速生成 CSS 基本采取简写形式即可： 1.比如w200 按tab 可以生成 width: 200px ; 2.比如lh26 按tab 可以生成 line-height:26px; 总之该快捷生成都输入首字母。 注意后代选择器不只是可以有两个基础选择器，还可以有多个基础选择器，如div p span 子元素选择器 子元素选择器是 CSS 中的一种选择器，用于选择某个元素的直接子元素。 这种方法可以减少代码冗余，提高CSS的可维护性和效率。 任何形式的选择器都可以作为并集选择器的一部分，包含其他复合选择器和简单选择器。
CSS基础学习（2）
CSS-盒模型 1-1 盒模型-content 设置一个矩形 用到新标签—div 标签 content
css基础样式2
本文设计到的css属性有background、inline-block、line-height 一，background 1.background-color 设置背景图片的颜色 background-color 属性是css3的属性，IE9 以下不支持，需要注意其的兼容性。 cover 缩放背景图片以完全覆盖背景区，可能背景图片部分看不见。 按照容器高度来缩放背景图片。 ? （2）设置空白字符的fontsize为0，就消除了空白字符的占用位置。 再重新设置子元素的font-size ? 4.两个行内元素容易会产生对不齐的状况。 ? <数字> 代表行高为本身文字高度的2倍，下面例子中.box和p的行高都是自身字体高度的两倍 ? line-height=20px<长度> line-height=200%<百分比> 代表是父元素的字体行高的2倍。
css 总结2 原
background-repeat: no-repeat、 repeat; （5）background-attachment:fixed //固定背景的位置，不随滚动条滚动 background-origin是css ; 等价于： border-top-left-radius:2em; border-top-right-radius:2em; border-bottom-right-radius:2em; 请参阅 CSS 颜色值。 inset 可选。将外部阴影 (outset) 改为内部阴影。 scale(x,y) 定义 2D 缩放转换，改变元素的宽度和高度。 scaleX(n) 定义 2D 缩放转换，改变元素的宽度。 ; } div:hover { width:300px; } 8、CSS3 @keyframes div { width:100px; height:100px;
CSS(CSS3)选择器（2）
该部分主要为CSS3新增的选择器 接上一篇 CSS（CSS3）选择器（1） 一.通用兄弟选择器: 24：E ~ F，匹配任何E元素之后的同级F元素。 [id ^= start]{ background-color:red; ] /*匹配以id属性的值为start开头的，如id="start1",id="start2",id="start3" [id $= hass]{ background-color:red; ] /*匹配以id属性的值包含hass的，如id="1hass",id="hass2",id="3hass444"的元素 input::placeholder{ color:red; } 至此，CSS（CSS3）选择器的简单说明笔记就到这里结束了，其实这些内容包含了CSS（CSS3）世界的绝大多数常用选择器，当然， 参考：css选择器笔记，30个你必须熟记的css选择器，MDN-docs-选择器介绍，HTML5和CSS3权威指南（第3版下册-庐陵牛）第十九章，before和after伪元素的用法。
MDUI CSS框架 ---颜色和主题
背景颜色类名为 .mdui-color-[color]-[degree]。它在设置背景色的同时，还设置了背景色中的文本颜色和文本不透明度。
如何编写轻量级 CSS 框架
如今轻量级框架如雨后春笋，层出不穷。我想每个人都应该归纳总结工作中的常见需求，编写一套适合自己的 CSS 框架。 这是一种思想，并不涉及具体的 CSS 问题，主要是类命名的策略！现在仍然有很多人对于前端框架的认识还停留在表面，认为 Bootstrap 是后端人员专用，前端没必要等等。 除此之外，使用框架或者研究框架的意义还有很多，比如面向对象思想的具体实现。在上一家公司工作的时候，开始的几个项目我也是用最原始的方法书写 CSS 。项目之中最让我头疼的就是类的命名。 虽然 CSS 对于很多人来说很简单，但是真要去写一个框架，还是非常棘手，这时候就需要借鉴一些优秀的框架。 大多数的轻量级框架只是 CSS 框架，不涉及 JS 部分，主要用于网页的布局。我之所以打算自己编写框架，是因为工作中重复的东西太多，通过框架可以很好的将这些零散组件整合到一起。
