每一种美，都会有一双眼睛能看到；每一份爱，总会有一颗心会感受到。

随笔分类 -  css

上一页 1 2 3 4 5 下一页
css样式代码整理工具
只有注册用户登录后才能阅读该文。
posted @ 2012-07-31 10:56 温暖向阳Love 阅读(13) 评论(0) 推荐(0)
css规范目的
只有注册用户登录后才能阅读该文。
posted @ 2012-07-30 16:11 温暖向阳Love 阅读(3) 评论(0) 推荐(0)
CSS命名规范
摘要：CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 二．常用类/ID命名规范 页　眉：header 内　容：content 容　器：container 页　脚：footer 版　权：copyright 导　航：menu 主导航：mainMenu 子导航：subMenu 标　志：logo 标　语：banner 标　题：title 侧边栏：sidebar 图　标：Icon 注　释：note 搜　索：search　... 阅读全文
posted @ 2012-07-30 15:47 温暖向阳Love 阅读(200) 评论(0) 推荐(0)
id和class的使用原则比较
只有注册用户登录后才能阅读该文。
posted @ 2012-07-30 10:34 温暖向阳Love 阅读(1) 评论(0) 推荐(0)
转换成大写或小写的html标签
只有注册用户登录后才能阅读该文。
posted @ 2012-07-30 10:30 温暖向阳Love 阅读(1) 评论(0) 推荐(0)
hack
摘要：整理关于IE6、IE7、IE8、Firefox兼容性CSS HACK问题1.区别IE和非IE浏览器CSS HACK代码#divcss5{background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、IE7、IE8背景紅色*/}2.区别IE6,IE7,IE8,FFCSSHACK【区别符号】：「\9」、「*」、「_」【示例】：#divcss5{background:blue; /*Firefox 背景变蓝色*/background:red \9; /*IE8 背景变红色*/*background:black; /*IE7 背景变黑色*/_backgro 阅读全文
posted @ 2012-07-18 09:17 温暖向阳Love 阅读(292) 评论(0) 推荐(0)
使用Dreamweaver8对网站文件进行检查和整理
摘要：用Dreamweaver8制作好了自己的网站，目的是什么？放到互连网上，也就是最终发布自己的网站，那么自己在制作网页过程中有没有错误呢？所以在发布之前我们要认真的检查一下有没有错误。新教程网 - newCss.cn 在发布网站之前先使用Dreamweaver 8站点管理器对你的网站文件进行检查和整理，这一步很必要。可以找出断掉的链接、错误的代码和未使用的孤立文件等，以便进行纠正和处理。 步骤如下：在编辑视图点击菜单栏的「站点」＞选“检查站点范围的链接”，弹出“结果”对话框，如下图：新教程网 - newCss.cn新教程网 - newCss.cn 下图是检查器检查出本网站与外部网站的链... 阅读全文
posted @ 2012-07-18 09:17 温暖向阳Love 阅读(187) 评论(0) 推荐(0)
IE6下溢出多余文字
摘要：最近会经常碰到这么个问题：1.增加百度分享按纽（http://share.baidu.com/get-codes）后其相邻的div里的文件段会出现溢出。解决方法：将相邻层绝对定位置于引用代码之前即可； 在IE6中，会无缘无故多出几个字儿来，这是IE6BUG 。 下面把自己做后的总结整理下： 方案1：原因：出现这种情况绝大多数都是与浮动有关系的。 [通常都是用这个方案解决的] 解决思路：检查下出现这种情况的容器（比如DIV）是否有用到浮动，并且，当前浮动是否有必要应用；如果即使不用浮动也可以达到效果话，就将浮动去除。或是，加一个 "Clear:both" 清除浮动。(像绝对定 阅读全文
posted @ 2012-07-10 10:42 温暖向阳Love 阅读(1244) 评论(0) 推荐(0)
hack
摘要：color:red; /* 所有浏览器都支持 */color:red !important;/* 除IE6外 */_color:red; /* IE6支持 */*color:red; /* IE6、IE7支持 */+color:red;/*IE7支持*/*+color:red; /* IE7支持 */color:red\9; /* IE6、IE7、IE8、IE9支持 */color:red\0; /* IE8、IE9支持 */color:red\9\0;/*IE9支持*//* webkit and opera */@media all and (min-width: 0px){ div{col 阅读全文
posted @ 2012-07-04 14:33 温暖向阳Love 阅读(172) 评论(0) 推荐(0)
谷歌hack
摘要：body:nth-of-type(1) .subbox{position:fixed; left:50%; top:100px; width:630px; height:593px; margin-left:-315px;z-index:9;}谷歌需采用采用谷歌hack解决，在样式名前加body:nth-of-type(1)；采用fixed定位js：/*设置top值*/t = document.body.scrollTop;$(".subbox").css("top",(t+50)+"px");@media screen and (- 阅读全文
posted @ 2012-07-04 13:48 温暖向阳Love 阅读(433) 评论(0) 推荐(0)
ie6 margin-bottom及padding失效，
摘要：此时需改为margin-top即可，margin-top可在里层写，而margin-bottom要在效果的最外层。 阅读全文
posted @ 2012-07-02 10:47 温暖向阳Love 阅读(212) 评论(0) 推荐(0)
flash左导航不显示
摘要：当两个flash中一个需调用另一个flash时，需将 要调用的flash 置于页面同一层级，方可显示出；flash上的文字层不层示，加透明代码也没用，可采用以下引用flash代码实现；flash透明代码：/*flash透明代码*/<object id="topflash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="291" height="250"> <param name="movie" value 阅读全文
posted @ 2012-06-25 11:20 温暖向阳Love 阅读(203) 评论(0) 推荐(0)
div css 浏览器兼容问题的一点解决办法
摘要：浏览器之间的css互相不兼容，相信网页制作人员都会深恶痛绝。收集了一些常见的兼容问题解决方法 与大家一起分享1. 文字大小不兼容。同样14px的宋体字，ie下实际占高16px，下留白3px，firefox下实际占高17px，上留白1px，下留白3px。文字大小不兼容解决方案：给所有文字设定通用line-height值2. div高度不兼容：firefox下div容器定义height后，div不会因为内容超出height而撑大，而i6e下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。div高度不兼容解决方案：如果设置高度，需要同时把内容物高度限定，也就是溢出隐藏处理：over 阅读全文
posted @ 2012-06-13 11:36 温暖向阳Love 阅读(1858) 评论(0) 推荐(0)
代码检查
摘要：1、检查页面的标签是否闭合不要小看这条，也许折腾了你两天都没有解决的 CSS BUG 问题，却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的，而他们很容易犯此类问题。快捷提示：可以用 Dreamweaver 打开文件检查，一般没有闭合的标签，会黄色背景高亮。 2、样式排除法有些复杂的页面也许加载了 N 个外链 CSS 文件，那么逐个删除 CSS 文件，找到 BUG 触发的具体 CSS 文件，缩小锁定的范围。 对于刚才锁定的问题 CSS 样式文件，逐行删除具体的样式定义，定位到具体的触发样式定义，甚至是具体的触发样式属性。 3、模块确认法有时候我们也可以从页面的 HTML 元素出发。删... 阅读全文
posted @ 2012-06-13 09:27 温暖向阳Love 阅读(175) 评论(0) 推荐(0)
haslayout是什么意思
摘要：要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误，就是源于 haslayout。 什么是 haslayout ？ haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误，就是源于 haslayout。什么是 haslayout ？haslayout 是Windows Interne 阅读全文
posted @ 2012-06-13 09:26 温暖向阳Love 阅读(467) 评论(0) 推荐(1)
1.IE6
摘要：1.IE6的3像素偏移BUG 当浮动元素与非浮动元素相邻（注意这里的相邻可以是纵向的也可以是横向的）时，这个3像素的Bug就会出现，它会偏移3像素。实际表现就是两个元素之间产生了一道缝隙！解决方法很简单，将两个元素都浮动就OK了。此BUG深层的原因是非浮动元素的layout未触发，所以这里只要是能够触发layout的 css都可以解决问题。 2.IE6 双倍边距问题 当浮动元素设置margin边距时，边距会加倍。解决方法是给浮动元素加上display：inline属性。3.IE6下空标签高度问题 当你把标签的高度设置为0-19内的数字时，IE6会一致的显示为19px高。解决方法：给标签加上ov 阅读全文
posted @ 2012-05-31 17:48 温暖向阳Love 阅读(182) 评论(0) 推荐(0)
解决IE8背景图片错位和不显示的问题
摘要：IE8中，CSS加载的背景图片右侧有1PX的竖线解决方案：padding-left:1px最近新设计了一个宣传产品的网页，当觉得一切都没有问题的时候，然后再IE8中打开这个网页测试的时候，返现网页的整个背景图片都错位1px左右，虽然是一个很小的错误，但是对于一个WEB开发者来说是无法容忍的事情。可奇怪的是这个网页在IE6、IE7、Firefox这些主流浏览器下却能够很正常的显示。更奇怪的是，我用IETester测试工具在IE8模式下测试又没有错位的现象，彻底被IE8浏览器搞糊涂了。虽然IE8还包含有很多的小问题，但是相比IE6和IE7还是非常优秀的。以下是我在制作网页时遇到的一个问题：目前，随 阅读全文
posted @ 2012-05-25 11:06 温暖向阳Love 阅读(3436) 评论(0) 推荐(0)
最小高度设置
摘要：Below is the CSS code that makes your sticky footers actually stick to the bottom.html, body {height: 100%;}#wrap {min-height: 100%;}#main {overflow:auto; padding-bottom: 150px;} /* must be same height as the footer */#footer {position: relative; margin-top: -150px; /* negative value of footer heig. 阅读全文
posted @ 2012-05-19 14:46 温暖向阳Love 阅读(194) 评论(0) 推荐(0)
数据过多时不会影响页面布局
摘要：1，在不影响布局的情况下，可以选择，数据自动换行a.设置宽度限制：可以使用width值和max-width最大宽度值。b.内容自动换行：word-wrap:break-word(中文，英文语句，长串字母都能实现);注意点：长串字母实现前提，必须将宽度限制直接添加到“文本内容的标签”。2，控制数据超出一定范围，自动隐藏——通过title值来显示全部数据信息a.设置宽度限制：可以使用width值和max-width最大宽度值。b.超出范围隐藏：overflow:hidden;3，控制数据超出一定范围，自动隐藏，并显示省略号...——通过title值来显示全部数据信息a.数据不换行：white-sp 阅读全文
posted @ 2012-05-15 23:40 温暖向阳Love 阅读(293) 评论(0) 推荐(0)
CSS网页实例:适合所有项目通用的reset.css
摘要：破洛洛文章简介：另一个是用于特定项目的“reset”，自定义修改的内容，这些内容可以放在layout.css、typography.css之类的文件中，他们共同导入到一个base.css形成一个项目的基础样式。本文就是来介绍如何写一个合适所有项目的通用的reset.css，以及介绍在设置玩 reset.css之后需要针对0，引言每每有新项目，第一步就是应当使用一个reset.css来重置样式。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css，并且要明白每一条reset都是用来做什么的。reset.css本意就是重置样式， 阅读全文
posted @ 2012-05-15 23:35 温暖向阳Love 阅读(1700) 评论(0) 推荐(1)

上一页 1 2 3 4 5 下一页