随笔分类 -  前端：CSS

CSS颜色代码大全
摘要：CSS颜色代码大全FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA#FF0088#C10066#A20055#8C0044#FFCCCC#FF8888#FF3333#FF0000#CC0000#AA0000#8... 阅读全文
posted @ 2014-12-28 22:31 Cat Qi 阅读(23455) 评论(0) 推荐(0) 编辑
精通CSS高级Web标准解决方案:背景图像基础
摘要：既然你已经掌握了理论，我们就开始把理论运用到实践中。当今的Web是一种视觉效果非常丰富的媒体。简便的图像标签使网页设计人员能够将毫无趣味的文档变成图形丰富的浏览体验。图形设计人员很快就掌握了image标签（原本是作为向网站中添加可视内容的方式），将它作为对页面进行视觉修饰的方式。实际上，如果没有发明image标签，那么可能就没有网页设计师这种职业。不幸的是，对image标签的滥用导致纯修饰性的图像把页面弄乱了。好在CSS使我们能够在页面上显示图像，而不需要让图像成为标签的一部分。实现方法是将图像作为背景添加到现有的元素中。本章将通过一系列实际示例讲解如何使用背景图像创建各种有意思且有用的技术。 阅读全文
posted @ 2011-02-10 10:34 Cat Qi 阅读(750) 评论(0) 推荐(1) 编辑
精通CSS高级Web标准解决方案:浮动
摘要：2.2.4 浮动最后一种定位模型是浮动模型。浮动的框可以左右移动，直到它的外边缘碰到包含框或另一个浮动框的边缘。因为浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。如图2-13所示，当把框1向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘。图2-13 向右浮动的元素在图2-14中，当把框1向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据空间，实际上覆盖住了框2，使框2从视图中消失。如果把所有三个框都向左浮动，那么框1向左浮动直到碰到包含框，另外两个框向左浮动直到碰到前一个浮动框。图2 阅读全文
posted @ 2011-01-28 17:10 Cat Qi 阅读(792) 评论(0) 推荐(1) 编辑
精通CSS高级Web标准解决方案:相对定位与绝对定位
摘要：2.2.2 相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。如果将top设置为20像素，那么框将出现在原位置顶部下面20像素的地方。如果将left设置为20像素，那么会在元素左边创建20像素的空间，也就是将元素向右移动（见图2-10）。#mybox { position relative; left: 20px; top: 20px; }图2-10 对元素进行相对定位在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框。2.2.3 绝对 阅读全文
posted @ 2011-01-28 11:32 Cat Qi 阅读(780) 评论(0) 推荐(0) 编辑
精通CSS高级Web标准解决方案:空白边叠加
摘要：2.1.2 空白边叠加空白边叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直空白边相遇时，它们将形成一个空白边。这个空白边的高度等于两个发生叠加的空白边的高度中的较大者。当一个元素出现在另一个元素上面时，第一个元素的底空白边与第二个元素的顶空白边发生叠加（见图2-4）。图2-4 元素的顶空白边与前面元素的底空白边发生叠加当一个元素包含在另一个元素中时（假设没有填充或边框将空白边分隔开），它们的顶和/或底空白边也发生叠加（见图2-5）。图2-5 元素的顶空白边与父元素的顶空白边发生叠加尽管初看上去有点儿奇怪，但是空白边甚至可以与本身发生叠加。假设有 阅读全文
posted @ 2011-01-28 11:28 Cat Qi 阅读(579) 评论(0) 推荐(0) 编辑
SHTML 教程
摘要：什么是 SHTML使用SSI（Server Side Include）的html文件扩展名，SSI（Server Side Include），通常称为“服务器端嵌入”或者叫“服务器端包含”，是一种类似于ASP的基于服务器的网页制作技术。SSI工作原理：将内容发送到浏览器之前，可以使用“服务器端包含 (SSI)”指令将文本、图形或应用程序信息包含到网页中。例如，可以使用 SSI 包含时间/日期戳、版权声明或供客户填写并返回的表单。对于在多个文件中重复出现的文本或图形，使用包含文件是一种简便的方法。将内容存入一个包含文件中即可，而不必将内容输入所有文件。通过一个非常简单的语句即可调用包含文件，此语 阅读全文
posted @ 2011-01-23 09:20 Cat Qi 阅读(609) 评论(0) 推荐(1) 编辑
从3个科技公司里学到的57条经验（转载）
摘要：自1999年起我就开始发掘一些科技公司，并帮助它们运营。下面是从干这行中得到的57条经验。我可以列出更多，但恐怕会令你厌烦。 　　1. 做你个人有热情的事情。你是你自己最好的民意代表。　　2. 用户体验很重要。大多数产品做不到这些是因为用户弄不清怎样才能从这些产品中获得好处。很多产品做不到这些是因为过于复杂。　　3. 要懂技术。你不必去写代码，但你必须能理解它是如何被开发出来的，如何工作的。　　4... 阅读全文
posted @ 2010-11-22 11:37 Cat Qi 阅读(1344) 评论(1) 推荐(3) 编辑
SEO 一句话入门SEO
摘要：一句话入门SEO1、SEO是什么？全称叫搜索引擎优化。人们使用搜索引擎查找自己需要的信息，那么作为网站的主人，我们希望用户通过搜索引擎能来到自己的网站。这就需要对网站进行SEO（搜索引擎优化）。2、SEO了之后，有什么结果呢？SEO的目的是一方面让你的网站某些词排名提高，另一方面让你网站的流量整体提高。假设没有做SEO，那么你也不会来到SEO十万个为什么这个网站。3、如何知道网站在搜索引擎上的排名... 阅读全文
posted @ 2010-11-17 10:09 Cat Qi 阅读(583) 评论(2) 推荐(1) 编辑
javascript的IE和Firefox兼容性问题
摘要：1.document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].解决方法:统一使用document.formName.elements["elementName"].2.集合类对象问题说明:IE下,可 阅读全文
posted @ 2010-10-07 10:39 Cat Qi 阅读(622) 评论(0) 推荐(1) 编辑
css复合属性的写法
摘要：==========================================================1. 背景－background==========================================================单个属性的写法.sample1 {background-color: #CCCCCC; /*背景颜色*/background-image: url(sample.gif); /*背景图片*/background-repeat: no-repeat; /*平铺(?)*/background-attachment: fixed; /*随文 阅读全文
posted @ 2010-09-30 14:42 Cat Qi 阅读(9001) 评论(0) 推荐(1) 编辑
常用JS片段
摘要：[代码]functiongetInternalText(target){varelementChildren=target.childNodes;varinternalText="";for(vari=0;i<elementChildren.length;i++){if(elementChildren[i].nodeType==3){if(!/^\s*$/.test(elementChild... 阅读全文
posted @ 2010-08-31 17:36 Cat Qi 阅读(616) 评论(0) 推荐(1) 编辑
JS实现Trim()
摘要：[代码]下面是利用正则来实现的,推荐使用。[代码] 阅读全文
posted @ 2010-08-11 17:54 Cat Qi 阅读(44150) 评论(9) 推荐(2) 编辑
HTTP MIME 类型
摘要：MIME类型　　　　　　　　　　注释　　　　　　　　　　　文件扩展名application/acad AutoCAD Drawing文件　　　　　　dwg,DWGapplication/arj 　 arjapplication/clariscad ClarisCAD文件　　　　　　　　　CCADapplication/drafting MATRA Prelude草稿　　　　　　DRWapplica... 阅读全文
posted @ 2010-07-24 16:33 Cat Qi 阅读(3511) 评论(0) 推荐(0) 编辑
CSS学习(四)CSS选择符详解
摘要：CSS属性和选择符css的语法结构仅仅有三部分组成：选择符（Selector）、属性（property）、和值（value）。使用方法：selector {Property:value;}选择符（Selector）指这组样式编码所要针对的对象，可以是一个XHTML标签，如body,h1；也可以是定义了特定的ID或CLASS的标签，如#main选择符表示选择<div id="main">... 阅读全文
posted @ 2010-06-14 17:47 Cat Qi 阅读(586) 评论(0) 推荐(1) 编辑
CSS学习(三)带当前标识的横向导航图片美化版
摘要：接上篇内容，将导航再次修改。如下所示: 虽然完成了标签式导航，但是广场状的导航似乎并不能够顺应现在的设计潮流，其实导航不仅可以使用css的颜色来定义，同样可以采用精心设计的图片或其它元素来构建导航，在这里我们 将开始改善导航的设计，使它成为更加出色的标签效果。　　我们将考虑去掉单一的方块状背景元素，使用带色彩的圆角标签来完成我们的设计。不过从这个改进中能够体会到css设计的另一个优势，就是可以不需... 阅读全文
posted @ 2010-06-14 16:31 Cat Qi 阅读(689) 评论(0) 推荐(1) 编辑
CSS学习(二)ASP.NET实现带当前标识的横向导航
摘要：先贴出示意图:导航放在模板页里面,选择上面的页面的时候当前页面的导航背景显示为蓝色.模板页内容:　　CSSCSSCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--这是样式表文件<styletype="text/css">#nav{height... 阅读全文
posted @ 2010-06-13 18:04 Cat Qi 阅读(2335) 评论(0) 推荐(1) 编辑
CSS学习(一)横向导航
摘要：HOME ASP.NET PHP JAVASCRIPT SEO SQLSERVER JQuery <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://w... 阅读全文
posted @ 2010-06-13 16:30 Cat Qi 阅读(502) 评论(3) 推荐(2) 编辑
CSS margin 属性简介
摘要：CSS margin 属性设置外边距的最简单的方法就是使用 margin 属性。margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em。margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素的各个边上设置了 1/4 英寸宽的空白：下面的例子为 h1 元素的四个边分别定义了不同的外边距，所使用的长度单位是像素 (px)：与内边距的设置相同，这些值的... 阅读全文
posted @ 2010-05-20 16:55 Cat Qi 阅读(1385) 评论(0) 推荐(2) 编辑

点击右上角即可分享
微信分享提示