文章库ARTICLE COLUMN

  • RequireJS按需加载样式文件

    RequireJS按需加载样式文件

    摘要:这个需求我们经常遇到,比如我们使用时,在加载其脚本模块时,在页面我们也会添加上标签引入其相关的样式文件。 样式模块化的好处 RequireJS被设计用来加载JavaScript模块的,可是大家有没有联想到其实样式文件可以进行模块化处理,那么问题来了,Req...

    googolleegoogollee 评论0 收藏0
  • css position: absolute、relative详解

    css position: absolute、relative详解

    摘要:在使用相对定位时,无论元素是否进行移动,元素依然占据原来的空间。放置绝对定位对象在可视区域之外会导致滚动条出现。相对定位是相对于元素在文档流中初始位置的,而绝对定位是相对于最近的已经定位的祖先元素。 CSS2.0 HandBook上的解释: 设置此...

    h9911h9911 评论0 收藏0
  • css学习归纳总结(二)

    css学习归纳总结(二)

    摘要:子选择器只对直接后代有影响的选择器,而对孙子后代以及多层后代不产生作用。烂透了尽可能使用复合语法糟糕好的避免不必要的重复糟糕好的组织好的代码格式代码的易读性和易维护性成正比。 标签与元素 标签和p元素有什么区别呢?大多数时候他们表示的是...

    KnewOneKnewOne 评论0 收藏0
  • 初学者请注意手写 css 样式表的各属性的顺序及 CSScomb 的使用

    初学者请注意手写 css 样式表的各属性的顺序及 CSScomb 的使用

    摘要:此时你只需要在问题出现时,去问谷歌。附一个我目前遇到所有用过的属性,在的梳理后,如果你能手写出谷歌首页,那么你一定会了解它们的用法。 问题 有时候会觉得自己在写 css 时没有什么章法,因为 css 的属性很多,又有一些继承不继承的关系,还有一...

    pekonchanpekonchan 评论0 收藏0
  • CSS学习笔记

    CSS学习笔记

    IE6不支持position:fixed. 列表项目

    yzzzyzzz 评论0 收藏0
  • CSS学习笔记之弹出层

    CSS学习笔记之弹出层

    摘要:文本显示为掩码。提交表单的按钮。添加前缀版本弹出层中有一个属性,用于控制元素的在堆叠上下文中的次序。值较大的元素,在堆叠层次中位于值较小的元素上方。默认情况下,所有堆叠元素的的值为,相当于。 下拉菜单 display:block,盒子会由收缩包...

    kgbookkgbook 评论0 收藏0
  • type="file"的input框样式修改的方法

    type="file"的input框样式修改的方法

    摘要:开启的方式很简单,点击开发者工具右上角的齿轮,然后在弹出的层中把这个勾打上就可以了。对于这个文件,如果是浏览器的粉丝,必然知道这个路径的存在。 关于type="file"的input是啥? 这个是啥我觉得没必要再说了,反正大家都知道,然后在现在有各种...

    littleGrowlittleGrow 评论0 收藏0
  • 修改复选框默认样式

    修改复选框默认样式

    摘要:我们都知道表单的复选框是有默认样式的,这里就不贴图了,如果希望把复选框样式修改美观一些呢为如下图所示实现方法用标签关联复选框,把复选框设置为透明,然后给加样式,并加入点击事件改变背景图片。部分红烧肉价格需要引用 我们都知道表单的复选框...

    dendoinkdendoink 评论0 收藏0
  • [Javascript]cssText基本使用指北

    [Javascript]cssText基本使用指北

    摘要:如果解析失败则终止运行。如果新对象的并不匹配当前对象的则抛出异常。替换当前对象为新对象。是替换,也就是说会覆盖到目标元素之前本身所具有的全部样式继承的不算。除此以外,下返回的属性和值全是大写,为了避免日后出现意外,还是比较好。 一、cs...

    tulayangtulayang 评论0 收藏0
  • 值得参考的css理论:OOCSS、SMACSS与BEM

    值得参考的css理论:OOCSS、SMACSS与BEM

    摘要:,字面意思是面向对象的,是由提出的理论,其主要的两个原则是分离结构和主题分离容器和内容用一个例子来说明。分离容器和内容要求使页面元素不依赖于其所处位置。命名规则不需要严格遵守,可以根据实际情况和自身喜好做其他的约定。 最近在The Sass W...

    马忠志马忠志 评论0 收藏0
  • web前端开发测验之css部分

    web前端开发测验之css部分

    摘要:部分问题与解答属性是否区分大小写不区分。对于行内元素,设置左右内边距,左右内边距将是可见的。而对于替换元素,则撑开了父元素。如下代码中文本的颜色是。 Tip:这是http://davidshariff.com/quiz/给出的web前端开发测试题,的CSS部分,我根据自己的...

    AjianAjian 评论0 收藏0
  • 该如何选择 background-image 和 img 标签

    该如何选择 background-image 和 img 标签

    摘要:用标签如果你希望别人打印页面时候包含这张图片请使用标签当这张图片有非常有意义的语义,比如警告图标,请使用标签及它的属性。这样意味着你可以向所有的用户终端现实他的意义。 用img标签 如果你希望别人打印页面时候包含这张图片请使用 img 标签 ...

    QLQQLQ 评论0 收藏0
  • 行内元素对齐:display:inline-block

    行内元素对齐:display:inline-block

    摘要:问题描述两个属性都是但是一个有内容一个没有内容为什么会出现高低不平的现象看效果解决方法是给元素添加造成原因是内的元素基线变了 问题描述 两个div属性都是display:inline-block;但是一个有内容一个没有内容 为什么会出现高低不平的现象? 看效...

    fou7fou7 评论0 收藏0
  • 《css and documents》读书笔记;

    《css and documents》读书笔记;

    2014-10-16 本书使用Italic :斜体 常用于新词语、url链接、电子邮件、文件名、文件扩展名

    xiaowugui666xiaowugui666 评论0 收藏0
  • CSS hack(欢迎补充)

    CSS hack(欢迎补充)

    摘要:区分更详细的浏览器专属。这几种前缀如下用法这样就能在同一个文件中来确定同一页面在不同浏览器表现出自己想要的效果。 **CSS hack定义: 由于不同的浏览器,比如IE6,IE7,IE8,Mozilla,FireFox,Chrome,Opera和Safari等浏览器对CSS的解析认识不一...

    沈建明沈建明 评论0 收藏0
  • web 前端修炼之道

    web 前端修炼之道

    摘要:行内元素的和属性只有水平边距,没有竖直边距。竖直方向的虽然增大了行内元素的面积,但并没有和相邻元素拉开距离。对于不支持则使用网格布局同级下,哪块内容重要,在就优先写到前面。使用进行多版本调试。 1.块级元素和行内元素的区别 块级元素即使...

    i_garfileoi_garfileo 评论0 收藏0
  • css清除浮动各种方法:

    css清除浮动各种方法:

    摘要:在和中给浮动块添加来让浮动块撑高并正常影响文档流。使用伪类来提供浮动块后的。其实他是来用处理边折叠的,跟清理浮动没有多大的关系。 1,在浮动元素后面增加标签;   标签有自带的清除浮动属性; 2,在浮动元素后面增加一个清除浮动层;   ...

    ztyzzztyzz 评论0 收藏0
  • 从零单排之CSS3

    从零单排之CSS3

    摘要:概览大法好今夜秋风阵阵,雾霾层层。布局选择多媒体,字体响应就是屌。说起来条目繁多,乍看之下与之前比起来复杂了好多。圆角指的即使一般正式的写法为效果请看任意一个按钮即可写到此处不禁跟大家说,最好还是配合预编译来写。 CSS3 概览 showImg("...

    刘福刘福 评论0 收藏0
  • 在移动Web单页应用中实现固定页脚

    在移动Web单页应用中实现固定页脚

    摘要:考虑到要为页脚留空间,结合传统网页中的固定页脚的做法,得到完整的假定页脚的高度为以上就是在这种条件下的固定页脚的实现方法。结语移动单页应用的页面结构是比较特别,所以固定页脚这么有用的东西做起来又是一个新话题了。 一种单页应用的页面结构...

    Michael_LinMichael_Lin 评论0 收藏0
  • 居中一个float元素

    居中一个float元素

    摘要:对于,在文档流中的元素,我们很容易让它水平居中,只要给元素设置一个固定的宽度,用就行了,这种技巧甚至在万恶的中兼容得很好。那么如何让浮动的元素水平居中呢浮动元素脱离了文档流。 我们布局的时候,用margin来设置float元素的外边距来达...

    keithyaukeithyau 评论0 收藏0
  • css3 背景渐变

    css3 背景渐变

    摘要:之前,必须依赖等图形处理软件来制作渐变图,再以背景图片方式添加给元素。而现在,使用就可以创造出各种渐变效果了。渐变是帮我们生成的背景图片。 CSS3 之前,必须依赖 Adobe Photoshop 等图形处理软件来制作渐变图,再以背景图片方式添加给元素...

    psycholapsychola 评论0 收藏0
  • 通用 CSS 笔记、建议与指导

    通用 CSS 笔记、建议与指导

    摘要:如下区块标题前缀可以让我们使用命令查找标题名时将搜索范围限制在区块标题中。 在参与规模庞大、历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要: 保持 CSS 易于维护 保持代码清晰易懂 保持 CSS 的可拓展性 为了实现这一目标,...

    lushanlushan 评论0 收藏0
  • 图解利用CSS实现三角形

    图解利用CSS实现三角形

    摘要:利用的以及它的属性值来实现三角形其中最主要的是要明白由于的高度跟宽度都为,,也为,所以元素框的大小就是他的的叠加,由于相邻会重叠,故存在内容宽高时其实任意一边存在的都是梯形的,当内容宽高为时,就表现为三角形,将四个的颜色设置为表示边框...

    dingding199389dingding199389 评论0 收藏0
  • 不确定栏目数量的(多行)导航栏居中

    不确定栏目数量的(多行)导航栏居中

    摘要:代码隐藏最左侧元素的左边框代码导航最外层宽度每个栏目名称的宽度栏目数量每行最大数量可以按需调整根据栏目数量和宽度设置的宽度确定了的宽度,可以使用来实现整个的居中,在中使用负边距来隐藏最左侧标签的左边框。 showImg("http://segmentfault.c...

    BaoyuanBaoyuan 评论0 收藏0
  • 垂直居中一个浮动元素

    垂直居中一个浮动元素

    摘要:场景在一个固定高度的中,有一个浮动的元素,需要将这个浮动元素垂直居中。原始代码如下现在只是简单的设置这个浮动,实现的效果看起来就像这样现在需要将这个在整个里垂直居中。我的做法是在这个外层加一个,并且浮动这个元素而不是之前的。 场景:在...

    LyuxLyux 评论0 收藏0

热门文章

<