阿赛·游梦鱼·郭言赛·阿赛工作室
全站技术源码素材
  • 发布:asai
    代码:<!doctypehtml><html><head><metacharset=utf-8><TItle>纯DIV+CSS多级导航菜单</title><metaname=keywordscontent=纯DIV+CSS多级导航菜单,阿赛原创网站系统,EESai><metaname=descriptionc
  • 发布:asai
    -webkit-filter:blur(10px);
  • 发布:biancheng
    在我创建的每一个互联网应用中,我都试图避免创建完全由图片组成的菜单。在我看来,菜单系统中应该使用文字。这样做也会让菜单变得更干净利落、清晰和易读,不用考虑应用程序如何读取它,以及页面放大的时候也不会失真等。或许这只是我的想法?但是我们不能创建即好看又好用的菜单吗?下面是创建下面的有图标支持的导航菜单的代码和样式。基本标签 TheCSS /*style.css*/.nav{width:550px;h
  • 发布:biancheng
    文字隐藏应用广泛,但常用的方法没有什么亲和力。常用文字隐藏方法的缺陷:1、display:none这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略;屏幕阅读器会忽略被隐藏的文字。2、visibility:hidden这种方法隐藏了文字却仍然占据物理空间。3、推荐大家使用这个更好的方法: overflow:hidden .class{ display:block;/*统一转化为块级元素*/
  • 发布:biancheng
    随着网页标准化观念深入人心,越来越多的网站采用了CSS架构。CSS架构的网页不但符合W3C标准,并且还非常美观。标准化网页从漂亮的CSS菜单开始,如果你还在犹豫,那么请看看下面这些CSS菜单演示吧,如图1、图2:图1CSS导航效果图2CSS导航效果众所周知,CSS菜单都是一段代码、一段代码的编写出来,生成上面这些漂亮菜单,大家一定认为笔者写的很辛苦吧?其实,笔者没有写一句特殊代码,就得到了上面这些
  • 发布:biancheng
    最近完成的一个项目需要做对Chrome的支持,在这个过程中发现了一个Chrome对于Css解析与FF、IE等的区别,在这里总结一下。项目的需求是需要在屏幕的中央显示一个提示框,这个对于FF和IE都已经很成熟了,利用负边距能够很容易的实现:首先看一下页面: Chrome Position Here is the centered content! 加入css html { height:100%;
  • 发布:biancheng
    这一效果的主要属性为:overflow。值:hidden!这样就可以实现了!例如:width:300px;height:150px;overflow:hidden;表格宽300,高150。当表格中的内容超过这一设定值时,则自动隐藏!示例如下:52css.com#yc{width:180px;height:100px;overflow:hidden;}www.bianceng.cn编程入门网www.
  • 发布:biancheng
    第一种:expression代码如下:.tablestyle{background-color:#CCCCCC;border:#ff0000solid2px;border-collapse:collapse; cursor:hand; width:100%;}.tablestyletd{border:#ff0000solid2px;border-collapse:collapse;}.tables
  • 发布:biancheng
    您正在学习WEB标准CSS网页布局吗?是不是还不能完全掌握纯CSS布局?通常有两种需要您特别注意:第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。另一种原因是你对那些非常熟悉的表现层属性束手无策。例如:cellpadding,、hspace、align=left等等
  • 发布:biancheng
    id用于标识页面唯一元素,id的名称是控制某一内容块的手段,通过将某内容块置入div并赋予唯一的id,就可以用CSS选择器来精确定义每一个页面元素的外观表现,包括标题、列表、图片、链接或者段落等等。例如你为#header写一个CSS规则,就可以完全不同于#content里的图片规则。可以通过不同规则来定义不同内容块里的链接样式。类似这样:#nava:link或者#maina:link或者#foot
  • 发布:biancheng
    今天要讲的内容是如何实现“首字下沉”,,第一个字是很大的红色楷体,陷于一段文字之首。这种做法在杂志中常见,但是在网页中不那么常见。那么如何实现呢?其实很简单,只有一句CSS就可以了。Selector:first-letter{font-size:2.5em;font-family:楷体_GB2312;font-weight:bold;line-height:1.2em;fl
  • 发布:biancheng
    CSS代码更清晰高效的一些经验是许多网页制作者与开发者都关心的问题。但是大概没有什么魔法,可以保证一下就把你的样式表缩小到百分之多少,合理的CSS编码与组织技巧,的确能够帮助你的更有效率地写出更清晰高效的代码,自然CSS样式表大小的缩减还能减少下载的时间。一、排版:1、关键词和操作符之间加适当的空格。2、相对独立的程序块与块之间加空行3、较长的语句、表达式等要分成多行书写。4、划分出的新行要进行适
  • 发布:biancheng
    以前我们面对这些有着顺序或是有数字注明排序的内容时大多是在数据前自行加上一个数值,或是由程序加上这个数值。而如果使用有序列表则不需要这么麻烦,根本不用自行去填写序数,当单层列表的时候这种特性似乎并不明显,而当使用多层的时候其特性就很明显了。那么还是先来了解一下有序列表的代码形式:这就是列表的内容了,这是第一句这就是列表的内容了,这是第二句这就是列表的内容了,这是第三句这就是列表的内容了,这是第四句
  • 发布:biancheng
    CSS代码简化在工作中是非常有益的,也是必要的。在编写CSS代码时,经常会出现冗余的代码,为了提高代码的质量及文件压缩到最小,使代码具有可读性,不得不把CSS代码简化。下面用一些比较常用的属性来做示例。marginmargin-top:1px;margin-right:1px;margin-bottom:1px;margin-left:1px;代码简化为:margin:1pxmargin-top:
  • 发布:biancheng
    最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera和Mozilla支持,IE7开始也支持了,但IE7处于测试阶段,等正式版发布到普及需一段也许比较长的时间,除非MS把它捆绑在某个操作系统上,如何在现有基础上(IE680-90%),合理、妙用最小高度了?假定有二个BOX,我们需要它的最小高度为150PX。CSS:div
  • 发布:biancheng
    大家在编写CSS的时候可能认为记事本并不是最棒的,有什么css编辑工具可以提高我们编码的效率呢?TopStyle是我一直用的CSS编辑工具,最开始就是瞎用也没有仔细研究过,不过后来把里面的功能仔细看了看发现它的功能真是太强大了!在这里分享一下使用经验,我在编辑CSS时常用的快捷键:文字注释:Shift+Ctrl+M向右缩进:Shift+Ctrl+.向左缩进:Shift+Ctrl+,下一个CSS:C
  • 发布:biancheng
    即使在DIV满天飞的今天,Table在网页的布局中还是少不了的,因为当需要输出数据时,Table布局远远比DIV布局有优势,而且同样的我们可以通过CSS来控制表格样式。要知道WEB标准并非是通篇的DIV+CSS,而是倡导采用更合理的语义标签来进行布局。文字的对齐方式一直是排版的重中之重,特别是对于数据显示来说,如何才能让众多的数据的可读性更强可识别性更高呢?标签的内容也设为居中对齐时,无疑给数据的
  • 发布:biancheng
    目前,我们要在网页中使用圆角效果,总是通过切图然后嵌套很多div,用背景来实现圆角效果。对于前端开发工程师来说,圆角的确是一个让人又爱又恨的东西,一方面顾及设计师追求的美观效果,另一方面又不得不增添很多工作投入。无意中看到别人写的一个用纯粹css来实现的圆角效果,研究了一下发现对于那些需求比较简单的圆角效果还是一种很好的方法。总结了一下,可以实现自适应的纯css圆角效果。首先,我们看一下一般圆角的
  • 发布:biancheng
    不同浏览器对于相同元素的默认样式并不一致,这也是为什么我们在CSS的最开始要写*{padding:0;marging:0};不过现在说的可不只是这些。基本上,不同内核的两个浏览器在某些元素的表现都会存在差异,比如缩进的大小、字体选择、字符样式等。也许一个很漂亮的CSS样式表在一个浏览器上表现良好,在另外一个浏览器上即使是没有CSSBug的情况也会变得结构混乱起来,我都是浏览器默认样式在作怪。因此,
  • 发布:biancheng
    有序无序单标签很简单,只要知道用法就行,但是关键点我认为不在于知道这个标签长什么样,重点是在于什么样的数据适合使用什么样的列表。什么样的数据是有序的,什么样的数据是无序的?阅读完要思考,这样才能学到东西,知识才能是自己的。定义列表其形式特别,用法也很特别,相比较无序列表来说用到定义列表的就少很多。也有很多朋友还没有开始使用这个列表,那么下面就来分解一下这个列表的代码:看上面这段代码我们发现这里并没
  • 知识分类
    推荐知识
    近期热门知识

    MapSiteMapRssGoTop