Welcome

首页 / 脚本样式 / CSS

firefox css自动换行的实现方法

2016-07-27 26
IE直接用:word-break:break-all;/*允许词内换行*/ word-wrap:break-word;/*内容将在边界内换行*/ /*需要注意的默认是：*/ word-wrap:normal/*允许内容顶开指定的窗口边界*/ 而firefox却没有很好的实现办法，一个折中方案就是使用滚动条，但网上也提出了一种用js来判断换行的办法，这里摘录下（转自网络，特此说明）。JavaScript复制代码 <scripttype="text/ja...

css支持标准的图片垂直居中

2016-07-27 26
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

css+table 1px边框单元格

2016-07-27 30
css table 之1px边框单元格--脚本之家 .myTable,.myTable td { border:1px solid #cccccc; border-collapse:collapse;} 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

css之使table也能overflow:hidden

2016-07-27 27
css table 超出隐藏 table { width:*; table-layout : fixed ; } td { white-space:nowrap; overflow:hidden; } 固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关固定布局的算...

html滚动条样式

2016-07-27 25
一、滚动条的轨迹，记作：scrollbar-track。所谓“轨迹”，指滚动条的滑动块运行时所必经的路线。 二、滚动条的滑动块，即在它上面按下鼠标左键不放可上下或左右移动的滑动块以及滚动条两头的小方块，记作：scrollbar-face。face即滚动条的“脸”，注意它有三张“脸”：滑动条和两头的小方块。 三、滚动条亮边框部分，记作：scrollbar-highlight。这个亮边框，和表格的亮边框概念是一样的，即左边和上边部分，滚动条的亮边框部分是指滚动...

几个常用经典的css技巧

2016-07-27 25
使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致），更多的垂直居中总结可以看这里。 清除容器浮动 #main { overflow:hidden; } 期前也提到过这样的问题，更多信息可以看这里。 不让链接折行 a { white-space:nowrap; } 上面的设定就能避免链接折行，不过个人建议长链接会有相应的这行（有关换行方...

css 跨浏览器实现float:center

2016-07-27 27
复制代码 代码如下:<div id="macji"> <ul class="macji-skin"> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> </div> 我们希望实现li是浮动的，并且居中的（li个数不固定，ul宽度未知）。可以设置ul的text-align:center,再设置li的d...

css浏览器不兼容原因分析及解决办法第1/2页

2016-07-27 27
在下不才，归纳几点html编码要素，望能指点各位：1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。 2.ff下容器高度限定，即容器定义了h...

不用图片作背景CSS做的小灯笼效果_练习用

2016-07-27 32
写这个效果，可以熟悉以下： 1、相对定位中的绝对定位； 2、CSS 针对浏览器 HACK； 3、了解几种边框，以及可以实现的变化；以及加了边框后，宽度和高度的计算方法； 4、感受浮动，浮动的东西只有多作一些，才会感受更深一些； 5、还可以熟悉一下小学的加减法；呵…… 很早以前我都是拿计算器在写CSS。 首先，我先用FW画一个小灯笼，在画的过程中，我尽可能不出现圆角，并画成等宽，等高、居中；因为这些属性在CSS中都有！文字12号加粗！ 于是，开始想布局！这个...

iframe transparent透明背景方法

2016-07-27 28
在transparentBody.htm文件的<body>标签中，我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解复制代码 代码如下:<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME&g...

网页绿色系配色应用实例图文第1/2页

2016-07-27 27
绿色与人类息息相关，是永恒的欣欣向荣是的自然之色，代表了生命与希望，也充满了青春活力，绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息，有缓解眼部疲劳的作用。 它本身具有一定的与自然、健康相关的感觉，所以也经常用于与自然、健康相关的站点。绿色还经常用于一些公司的公关站点或教育站点。 绿色能使我们的心情变得格外明朗。黄绿色代表清新、平静、安逸、和平、柔和、春天、青春、升级的心理感受。 下面我们根据绿色系不同属性邻近色、同类色的高纯度低纯度、对比色等色...

网页中英文混排行高不等问题的解决方法

2016-07-27 28
基本上快被这个问题搞疯了，症状如下症状描述：在ie下（6或7，8没有试过）当出现中英文混排，都采用默认字体时，并使用 li 列表做float时，会出现如上图的症状，文字排列上下不对齐的情况。影响了布局的美观性，造成上图情况的原因是中英文的文字基线不同，arial字体的下边缘要比宋体（同为12号）低一个象素，上边缘比宋体矮两个象素，而且英文还有i,y这种上下基线不同的情况。所以当中英文混排对齐时，就会出现明显的高度差异，使排版不均。可见放大图。采用中英文字均...

有衬线字体与无衬线字体比较

2016-07-27 29
serif 的意思是，在字的筆畫開始及結束的地方有額外的裝飾，而且筆畫的粗細會因直橫的不同而有不同。相反的，sans serif 就沒有這些額外裝飾，而且筆畫粗細大致上是差不多。 像 Times、Times New Roman 等都是屬於 serif 的字體，而 Arial、helvetica 則是屬於 sans serif 的字體。serif 和 sans serif 的一般比較serif 的字體較易辨識，也因此易讀性較高。反之 sans serif 則...

CSS Hack 汇总速查手册浏览器兼容必会

2016-07-27 25
屏蔽IE浏览器（也就是IE下不显示）复制代码 代码如下:*:lang（zh） select {font:12px ！important;} /*FF 可见，特别声明：由于Opera最新的更新，此句目前已经成为FF的专用HACK*/ select:empty {font:12px ！important;} /*safari可见*/ 这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7识别复制代码 代码如下:*+html ...

div+css在思路和流程上实现结构与表现的分离分析

2016-07-27 26
古老的话题：一首古诗的分离 1.给你一首古诗，保存为毫无格式的一堆文字，你去理解它的内容，进行结构的处理。用word排版之后，他有了结构 2.这个结构其实包含了语义和表现 3.用html进行结构化，抛开一切的表现形式，只考虑语义 4.用CSS进行表现处理，包括html的默认表现，他拥有了视觉表现，这个表现体现出了结构化，也体现出了用户体验，用户体验中包含了交互的排版和视觉体验 5.如果加上行为，比如点击注释序号，缓缓跳转到注释内容。 ...

css教程 css和document

2016-07-27 26
Cascading Style Sheets: The Definitive Guide, 2nd Edition is a thorough review of all aspects of CSS2.1 and a comprehensive guide to CSS implementation. The book includes new content on positioning, lists and generated content, ta...

css文本框与按钮美化效果代码

2016-07-27 30
一、先看看在网页中经常出现的按钮与文本框的本来面目吧！ 对照上图，我们怎么样才能改变文本框与按钮的模样呢？那在下面我为大家提供两种文本框与按钮样式作为例子参考，第一种是文本框与按钮无立体感，只是有线条颜色与填充颜色的，这种效果大家可能在很多网站上都看见过，给人一种特别的感觉，很不错的，第二种效果就比较特殊了，是将文本框做成一种类似于下划线的效果并且是彩色的，同时按钮的背景色也不再是灰色，而是彩色的，可以说这是一种非常酷的效果，好了，下面我就来说说这两种效...

层盖住下拉列表框问题解决方案

2016-07-27 28
IE6真的让人很郁闷。但是就目前而言，我们还是不能放弃对IE6的兼容。从下面的我的blog访问统计分析数据来看，使用IE6的还是占有绝对主流的。本来想顺便说说web标准中这个“标准”到底是个什么东西，但是发现，还是明日另起一篇吧。因为这个不是“顺便说说”就能说清楚的。我们今天还是不如这个正题——如何让层盖住下拉列表框？非常郁闷或者非常幸运的说一下：这个问题只会出现IE7之前那些对web标准支持不好的浏览器中（例如现在非常主流的IE6 -_-b...）,IE...

css样式之区分input是按钮还是文本框的方法第1/4页

2016-07-27 28
当你看到<input>这个html标签的时候，你会想到什么？一个文本框？一个按钮？一个单选框？一个复选框？……对，对，对，它们都对。也许你可能想不到，这个小小的input竟然可以创造出10个不同的东西，下面是个列表，看看，哪些是你没有想到的：<input type="text" /> 文本框 <input type="password" /> 密码框 <input type="submit" /> 提交按钮 ...

CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]

2016-07-27 25
今天用了很久时间终于解决了这个问题，基本完美了，唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多，这里使用了 expression，但是利用了一次加载，所以 expression 不会造成内存泄漏。当然，如果你有更好的解决方案，希望能与我交流。 代码如下： .Image { max-width:600px;height:auto;cursor:pointer; border:1p...
<< 81 82 83 84 85 86 87 88 89 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图