CSS实现自动换行(图)
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法。一、对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html<style&... « 阅读全文
jQuery CSS 操作 - scrollTop 方法
实例设置 <div> 元素中滚动条的垂直偏移：$(".btn1").click(function(){ $("div").scrollLeft(100);例：<html><head><script type="text/javascript"src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(... « 阅读全文
网站背景自适应浏览器宽度，并且居中的设置方法
如新浪博客等网站，网页台头背景图片比较宽，可以使得在不同分辨率下浏览时更加美观我有一个网站设计的比较大，为了适应1920*1080分辨率，将台头背景图片设计成2000px宽，200px高自适应浏览器宽度并居中有两个方法html: <!--div_head开始，此处包含台头--> &l... « 阅读全文
jQuery CSS 操作 - scrollLeft 方法
实例设置 <div> 元素中滚动条的水平偏移：$(".btn1").click(function(){ $("div").scrollLeft(100);例：<html><head><script type="text/javascript"src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(... « 阅读全文
[热门]DIV CSS网页挨算中对段降遏制排版的格式
[Ctrl+A齐数选择提示：您可先编削部门代码，再按匝弄]css|网页 margindivcss挨算中段降操做<p>标签，对段降的高卑中央的空黑（缩进）可操做margin标签界矫挥楔式。margin有上、下、左、左四个标的方针的界讲，一样平常环境下，我们可以或许用一止去形貌我们需供... « 阅读全文
8个一句话CSS小诀窍
最棒的解决方案往往是最简单的那个，提供8个一句话CSS小诀窍版权声明：本文版权归原作者所有译文仅供国内读者参考1.使用line-height（行高）垂直居中line-height:24px;对于拥有确定高度的元素，使用line-height可以将其内部元素垂直居中。PS.原来的做法valign是一个... « 阅读全文
css3学习
一、css3Transform（某一个状态的变化） *rotateRotate(旋转)允许你通过传递一个度数值来转动一个对象。 *scaleScale是一个缩放功能，可以让任一元素变的更大。它使用正数和负数以及小数作为参数。 *translateTranslate就是基于X和Y坐标重新定位元素... « 阅读全文
分享 - HTML中调用CSS的方法
如何在HTML页面中调用CSS可以用以下三种方式将CSS样式表加入你的网页：1、最好的使用方式：链入外部样式表文件 先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下： <head><title>title ofarticle</title><link rel=stylesheethref=http://www.xiajc.com/rainer.csstype="text/css"></... « 阅读全文
一款纯CSS实现的图片放大展示效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>一款纯CSS实现的图片放大展示效果丨芯晴网页特效丨CsrCode.Cn</title>... « 阅读全文
需警惕CSS3属性的书写顺序(图)
注释：此文章转自张鑫旭博客！一、不同书写顺序示例首先是比较聪明和值得推荐的写法：.not-a-square { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } 下面就是我们可能不怎么在意的，可能会产生问题的书写顺序：.not-a-square { border-radius: 10px; -webkit-border-radius: 10px... « 阅读全文
11 个非常棒的按钮制作工具(图)
CSSTricks一个神话般用来创建高度自定义的按钮工具。它可以让你选择渐变颜色，边框，为您的网页的完全独特的按钮悬停背景等。DaButtonFactory你只需要通过点击就可以生成很酷的按钮的超强工具，功能包括按钮字体、样式和颜色设置FiletransitFiletransit是一个在线工具，用来... « 阅读全文
CSS打造水晶边框(图)
CSS打造水晶边框 红色的是边框一、代码：<TABLE borderColor=#ff9999 height=211 cellSpacing=0 cellPadding=0 width=720 align=center border=1><TBODY><TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#ff9999 height=27&g... « 阅读全文
css中font-size的单位有px、em、pt的用法
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为 1.IE... « 阅读全文
网页提速之：利用css sprites减少图片请求
在高举“用户体验”为中心的网络时代，你是否因为打开网页速度太慢而关闭网页呢？相信很多人的答案都是肯定的。在高速的网络时代，千万不要挑战广东网民的耐心，不然只会导致网民远离你的网站而去。网页提速有很多的方法，其中一条就是减少http请求。每一个网站都会用到图片，当一个网站有10张单独的图片，就意味着在... « 阅读全文
CSS简单介绍
xml注重的是数据的内容，并不关心数据的表现形式。浏览器不能直接显示xml文档中标记的文本内容，但可以为xml文档指定外部样式表（css或者XSLT)，可以使用xml-stylesheet处理指令将xml与CSS文档相关联。 样式表是CSS中重要的概念，是一组规则。一个CS... « 阅读全文
CSS在EI6闪烁问题
如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果，在firefox下是没有什么问题的，第一次加载之后，浏览器都会从缓存读取背景图片；而IE6在这里有一个bug，它每次都从服务器端读取背景图片，结果就是，若服务器反应较慢hover效果就会出现短暂的空白，令人极度不爽。1.a{}{2.bac... « 阅读全文
css reset
一、CSSreset（CSS重置）的历史CSSreset的作用是让各个浏览器的CSS样式有一个统一的基准，而这个基准更多的就是“清零”！如下面常见但事实上极不推荐的代码：*{margin:0;padding:0;}可以说，兼容性是CSSreset诞生的的主要原因之一，还有一方面的原因是类似于“库”的... « 阅读全文
创建简单有用的CSS Sprites(图)
CSSsprites(CSS精灵，也有人翻译成CSS妖精)是一种通过整合图片来改善我们的页面的加载时间，减少服务器请求数的方法。在这篇文章里，我将教你如何来实现它们。 Google的下面导航就是用CSSSprites制作！下面开始制作： 1.制作一个精灵图片（网上很多图标网站推荐一个... « 阅读全文
CSS优先级和css2.1的权重
CSS是层叠样式表（Cascading Style Sheets）的简称。盒模型:它包括Margin,Padding,Border,Content四个区域.添加样式的方法有4种:* inline style(内嵌)* embeded style(内联)* external style(外联)* user style什么是CSS优先级？ 所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。CSS优先级规则 1. CSS规则的重要性和来源 2. CSS规则的特殊... « 阅读全文
css绝对定位和相对定位详解
在CSS中有这样的一个指令：(position)，在DreamWeaver中文版中翻译为"定位"，常用的属性有两个：relative(相对)与absolute(绝对)。这个属性在css定位中比较重要，这里做一些细致的讲解。相对定位:是指元素在相对于文档布局的原始位置上进行偏移;绝对定位:是指元素... « 阅读全文