文章分类 -  CSS

1 2 下一页
css:hover状态改变另一个元素样式的使用
摘要：效果演示 /* 情景一：两个是兄弟元素 */ 兄弟元素 /* 情景二：两个是父子元素 */ 父元素的子元素 /* 情景二：两个是兄弟元素,改变的是一个兄弟元素的子元素 */ 兄弟元素的子元素 兄弟元素的子元素 附加代码: 补充： css 提供的兄弟节点选择器有两种 第一种：+ 相邻兄弟选择器（ li 阅读全文
posted @ 2019-03-15 14:41 半前端半设计的四不像 阅读(1178) 评论(0) 推荐(0)
小tips: IE7,IE8浏览器纯CSS实现正圆角效果
摘要：一、关于IE7, IE8不支持CSS3 border-radius CSS3 border-radius可以轻易实现圆还有圆角效果，然而，需要IE9+浏览器才行。移动端自然不成问题，但是众多（尤其面向C侧）PC页面是至少需要兼容IE8的，那有没有什么办法可以让IE7, IE8也支持圆角呢？ 很久很久 阅读全文
posted @ 2019-02-11 15:57 半前端半设计的四不像 阅读(467) 评论(0) 推荐(0)
如何解决inline-block元素的空白间距
摘要：有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用inline-block来实现元素的居中效果。前面《CSS3制作的分页导航》一文中就是使用的inline-block制作的居中效果，不过留下了一上问题，就是使用 阅读全文
posted @ 2017-11-23 16:57 半前端半设计的四不像 阅读(98) 评论(0) 推荐(0)
常用CSS Reset汇总
摘要：什么是Css Reset呢? 在 HTML标签在浏览器里有默认的样式，不同浏览器的默认样式之间也会有差别。在切换页面的时候，浏览器的默认样式往往会给我们带来麻烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最 阅读全文
posted @ 2016-11-23 15:42 半前端半设计的四不像 阅读(150) 评论(0) 推荐(0)
css reset
摘要：原文地址：http://nec.netease.com/framework/css-reset.html 阅读全文
posted @ 2016-11-23 15:38 半前端半设计的四不像 阅读(147) 评论(0) 推荐(0)
分享我的reset.css和base.css(重置样式+基本样式)
摘要：重置样式reset.csshtml{color:#666;background:#fff;font-size:12px;font-family:宋体}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,th,td,fo 阅读全文
posted @ 2016-11-23 15:36 半前端半设计的四不像 阅读(165) 评论(0) 推荐(0)
经典组织CSS的方法：base.css+common.css+page.css
摘要：原文地址：http://blog.csdn.net/sunshine_bean/article/details/7875726 阅读全文
posted @ 2016-11-23 15:35 半前端半设计的四不像 阅读(141) 评论(0) 推荐(0)
我的 css 框架——base.css
摘要：今天发下我自己的 css 框架——base.css，作用是重设浏览器默认样式和提供通用原子类。 原文地址：http://www.cnblogs.com/yjzhu/archive/2012/11/05/2755095.html 阅读全文
posted @ 2016-11-23 15:34 半前端半设计的四不像 阅读(106) 评论(0) 推荐(0)
推荐几款主流的 CSS Reset
摘要：摘要：包含目前几种主流的CSS Reset：1、Eric Meyer's “Reset CSS”；2、HTML5 Doctor CSS Reset ；3、Yahoo! (YUI 3) Reset CSS ； 4、Universal Selector ‘*’ Reset ；5、Normalize.cs 阅读全文
posted @ 2016-11-23 15:33 半前端半设计的四不像 阅读(250) 评论(0) 推荐(0)
全兼容的多列均匀布局问题
摘要：开本系列，谈谈一些有趣的 CSS 题目，题目类型天马行空，想到什么说什么，不仅为了拓宽一下解决问题的思路，更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。 不断更新，不断更新，不断更新，重要的事情说三遍 阅读全文
posted @ 2016-10-17 14:45 半前端半设计的四不像 阅读(108) 评论(0) 推荐(0)
CSS魔法堂：再次认识font
摘要：一、前言 文字承载着站点内涵，而良好的字体、排版则为用户提供舒适的阅读体验。本文打算对字体稍微深入一下子网页字体的内容，若有纰漏请大家指正，谢谢！ 目录一坨: 二, 字体分类 1. 衬线体(Serif) 2. 无衬线体/非衬线体(Sans-Serif) 3. 等宽体(Monospace) 4. 手写 阅读全文
posted @ 2016-07-13 15:25 半前端半设计的四不像 阅读(687) 评论(0) 推荐(0)
不要告诉我你懂margin
摘要：你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？…… 写css， 阅读全文
posted @ 2016-06-12 14:21 半前端半设计的四不像 阅读(177) 评论(0) 推荐(0)
CSS选择器的优化
摘要：浏览器如何识别你的选择器 首先我们需要清楚，浏览器是如何读取选择器，以识别样式，并将相应的样式附于对应的HTML元素，达到美化页面的效果。Chris Coyier曾在《Efficiently Rendering CSS》一文中说过“浏览器读取你的选择器，遵循的原则是从选择器的右边到左边读取。换句话说 阅读全文
posted @ 2016-05-04 11:41 半前端半设计的四不像 阅读(123) 评论(0) 推荐(0)
border:0;和border:none;的区别
摘要：无边框用border:none还是border:0一直都是一个热议的问题，两者除了在渲染性能上面的差别以为，在标准浏览器中页面表现是没有任何差别的。下面一起认识一下它们本质的区别：一、border:noneborder-style的简写在chrome审查元素看到以下结果element.style {... 阅读全文
posted @ 2015-11-11 16:29 半前端半设计的四不像 阅读(241) 评论(0) 推荐(0)
使用overflow: hidden来禁用页面滚动条
摘要：禁用页面滚动条的方法有很多，但最简单、最快的也就数overflow: hidden了，下面是禁用html及body滚动条的方法，兼容IE6、7。html { overflow: hidden; } body { overflow: hidden; } 在IE6，7下需要设置html有效，在其它标准浏... 阅读全文
posted @ 2015-11-09 11:09 半前端半设计的四不像 阅读(323) 评论(0) 推荐(0)
页面可用性之outline轮廓外框的一些研究
摘要：一、重要的前言在IE以及Firefox浏览器下，默认情况下，点击链接文字或图片（特指a标签下的）。会留下一个轮廓框。曾经有一段时间，我称之为链接虚框。后来，改口了，因为我发现称之为链接虚框似乎有些不准确，狭隘了点。由于点击链接会产生轮廓框就在IE和Firefox浏览器下会出现，而这两者的变现恰好有都... 阅读全文
posted @ 2015-10-12 16:35 半前端半设计的四不像 阅读(266) 评论(0) 推荐(0)
css中hideFocus的用法
摘要：简单说：hideFocus是对超链接外虚线框的设定！hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于：onFocus="this.blur()"它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。你给的代码如果没有hideFocus,那么鼠标... 阅读全文
posted @ 2015-10-12 16:33 半前端半设计的四不像 阅读(183) 评论(0) 推荐(0)
我对CSS vertical-align的一些理解与认识（一）
摘要：一、关于今天，本文，及其他一段放松的YY后，进入正题。上个月21号，有位同行留言想让我讲讲vertical-align属性，我其实对vertical-align属性也是略知皮毛，要说岂敢谈“讲解”，就说说我对vertical-align属性的一些理解吧，纯属个人见解，若有不准确之处还望见谅。还有，v... 阅读全文
posted @ 2015-09-24 15:07 半前端半设计的四不像 阅读(215) 评论(0) 推荐(0)
浅析CSS — 元素重叠及position定位的z-index顺序
摘要：多次在项目中遇到html页面元素的非期待重叠错误，多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的，说到底还是对z-index的理解比较模糊，可以解决问题却不大了解其原因，导致重复出错......于是决定把重叠问题弄清下，把z-index理顺下。经过一番... 阅读全文
posted @ 2015-07-27 19:49 半前端半设计的四不像 阅读(195) 评论(0) 推荐(0)
CSS教程：彻底掌握Z-index属性
摘要：大多数的CSS属性都很容易使用。常常，当您对标记语言的元素使用CSS属性时，产生的结果会随着您刷新页面而立即呈现。而另一些CSS属性，却会有一些复杂，且只能在给定的环境下才会工作。Z-index属性便属于上面所说的后面的那一组。Z-index无疑的比其他任何属性都会频繁的导致（兼容性）上的混乱和（开... 阅读全文
posted @ 2015-07-27 18:04 半前端半设计的四不像 阅读(215) 评论(0) 推荐(0)

1 2 下一页