![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 78
北极鱼fly
做一只优雅的程序媛
展开
-
SASS_CSS
学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专门的编程转载 2015-07-28 15:49:07 · 504 阅读 · 0 评论 -
bootstrap在线模板
1. BlocksBlocks is a light-weight, admin dashboard template inspired by Cyfe. Blocks is essentially, a single page theme.. all you need, configured, ordered and placed in one page.2. FirmaSi转载 2015-11-08 19:41:45 · 1744 阅读 · 0 评论 -
网页 布局响应式设计
一、为什么要使用响应式设计?我们想让我们的网站通过响应用户的行为、设备的屏幕大小和屏幕方向,从而在所有设备上都能用。二、一个碎片化的世界截止2013年,有成千上万种不同的设备在浏览网页,所以我们不可能设计出适应所有屏幕大小的网页。相反,我们必须得采用一种更加流畅的方式去设计。三、移动优先最近一个比较火的词叫移动优先。它的意思是,先为移动端设计样式,然后再转载 2015-08-05 14:01:15 · 677 阅读 · 0 评论 -
CSS优先级与继承
很早就听说通配选择器不好,最好不要使用,似乎使用场景只限于最简单的 css reset : Html代码 * { margin:0; padding:0; } 直到偶尔看到 这篇文章 对规范深入浅出的分析才似乎有点理解了。规范 :首先从层叠(cascade)说起,转载 2015-08-01 18:54:20 · 339 阅读 · 0 评论 -
CSS中*和body的区别
http://www.softwhy.com/forum.php?mod=viewthread&tid=4758CSS中*和body有什么区别:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在介绍它们两个我们首先应该知道这两个符号在CSS文件中充当的是什么角色。在CSS文件中*是通配符选择器,它可以选择文档中所有的元素,也就是说是一个通杀选择器。body是一转载 2015-07-31 21:48:26 · 1310 阅读 · 0 评论 -
CSS中#和.的区别
id:用来定义页面中大的样式,如栏目划分,顶部,正文,底部等;用#top的形式来定义;class:用来定义一些比较细节的样式,如具体的一个菜单,一行文字等,用.text的形式来定义。定义HTML中的标签,如ul,img,p等时,直接写:img{} 以上摘自网络: #main和.main有什么区别:#main 定义的是ID为"main"这个转载 2015-07-31 21:33:28 · 671 阅读 · 0 评论 -
CSS嵌套导航栏
在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使用性.如果在一个缺乏支持javascript的用户,那么你的网站导航将无算正常的显示.比如说一个用户把浏览器的javascript关闭掉,或者在一个只能读纯文字的手持设备--它们将无算从你的网站读到所有的数据.如果你的委拖人不注重这方面,那么告诉他繁杂的菜单会阻止搜索引擎的排名.(木木:像禅意转载 2015-07-31 22:08:49 · 1713 阅读 · 0 评论 -
height与line-height
line-height:行高 设置文字间上下距离 height:高度 就是定义一个层 或某样东西的高度啦 也就是说line-height是特指单行高度,height可以为所有元素的高度 文字放大后边缘会重叠? line-height直白理解就是文字高度加上文字上下的空白区域,line-height最好不要设置单位,如果固定单位后,行高就是确定值。 当字体放大且没转载 2015-07-31 22:02:31 · 478 阅读 · 0 评论 -
CSS ul li 样式详解
首页 博客 设计 相册 论坛 关于 CSS: #menu ul {list-style:none;margin:0px;} #menu ul li {float:left;} 解释一下: #menu ul {list-style:none;margin:0px;} list-style:none,这一句是取消列表前点,因为我们不需要这些转载 2015-07-29 17:16:10 · 12840 阅读 · 0 评论 -
LESS 原理及使用方式
本质上,LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。下面是一个简单的例子:清单 1. LESS 文件 @color: #4D926F; #heade转载 2015-11-08 21:07:20 · 8795 阅读 · 0 评论