-
direction实例代码：文本排列方向的改变
所属栏目：[经验] 日期：2018-10-13 热度：93
direction用法示例：改变文本排列的方向，类似左对齐、右对齐的功能，不过又有着很大的差别，在ASP(HTML): direction是设置阴影的强度，但用在CSS中，好像还没有明确定义。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//[详细]
-
css控制滚动条位置 css控制文字方向
所属栏目：[经验] 日期：2018-10-13 热度：124
CSS 控制滚动条的位置及文本方向，运用direction改变文本方向，用overflow的scroll属性控制滚动条的位置，有意思吧，可以将滚动条显示在一块区域的左边，有反常态的使用。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//D[详细]
-
CSS换行实例：word-break 强制换行代码
所属栏目：[经验] 日期：2018-10-13 热度：114
word-break 强制换行的CSS实现，他们大家展示word-break 分别以normal、break-all、keep-all三种方式聚会后的效果，用的最多一般是break-all，但是在国外网站，normal属性使用较多。 Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC[详细]
-
CSS实例：overflow 控制文本溢出代码
所属栏目：[经验] 日期：2018-10-13 热度：198
用CSS控制文本溢出，主要是使用了CSS中的overflow属性，关于文本溢出属性的实例，注意文本中段首部分的显示效果。平时我们用到的比较多，因此overflow的用法和使用场合有必要掌握。 html head meta http-equiv=Content-Type content=text/html; charset=ut[详细]
-
css属性实例:两个div边框内外嵌套
所属栏目：[经验] 日期：2018-10-13 热度：127
css属性实例:两个div边框内外嵌套，代码如下： html head meta http-equiv=Content-Type content=text/html; charset=gbk / titlecss属性实例/title style .main{ border:2px solid #333333;} .include{ margin:50px; border:2px solid #333333; width:500[详细]
-
DIV模块交叉在一起 CSS边框交互效果
所属栏目：[经验] 日期：2018-10-13 热度：158
css边框嵌套的实现代码，两个Div彼此交叉在一起，平时我们不多见吧？主要是想练习一下布局的方法，掌握两个元素边框交叉，你就可以轻易学会在网页中布局其它的小Div。 运行演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.[详细]
-
使用word-wrap:break-word使文本自动换行
所属栏目：[经验] 日期：2018-10-13 热度：141
文本框连续输入 数字111111111111111111或者 英文单词adkjsakfjsalfkjsalkdjaslkfjsalkf 会造成什么结果呢?---文字溢出,一般的处理方法是用overflow:hidden隐 藏文 字,有没有更好的解决文案呢?QA的童鞋要求自动换行. 用word-wrap:break-word即可 css手册上[详细]
-
CSS控制网页中图片的最大宽度和高度
所属栏目：[经验] 日期：2018-10-11 热度：170
html head style type=text/css !-- img.pic{ max-width:300; max-height:100px; /*由于IE6.0以及以前版本的IE不支持上边两个属性,所以加上以下两条语句.这里要说明的是expression只有IE支持*/ width: expression(this.width 300 this.width / 300 = this.h[详细]
-
HTML5文件API之图片预览
所属栏目：[经验] 日期：2018-10-11 热度：79
图片上传在当今的Web应用中是一个非常常用的功能，如果不需要在上传前进行图片预览则可以简单的使用HTML+ Java script来实 现，但如果一定要在上传之前提供图片预览功能则需要求助于Flash来实现。不过，随着HTML5 File API的诞生这一状况终于有了改观，本[详细]
-
如何创建CSS的对象？获取合适的粒度！
所属栏目：[经验] 日期：2018-10-11 热度：75
在上一篇文章中 ，我说到： 强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿，因为的CSS和HTML需要比PHP更细致的对象结构。事实上，PHP的模板不是天生合适的，因为每个模板包含了许多不同的HTML，以及以不同的方式相结合的CSS对象[详细]
-
HTML与CSS中的视觉语义
所属栏目：[经验] 日期：2018-10-11 热度：95
你和用户之间的网站堆栈（简化版） 在TXJS大会的最后一天，一个开发者问我： 面向对象的CSS没有给你留下一大堆基于表现的class名? 网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件，人们对于HTML和CSS的期望是一样一样的。H[详细]
-
合并css和js文件 加快网站浏览速度
所属栏目：[经验] 日期：2018-10-11 热度：85
虽然现在本站首页、独立文章页等都已经静态化，但由于服务器在美国的DH上，所以有的时候响应速度还是有点让人受不了。在网上搜了很多关于Wp优化的文章，这里推荐一篇优化合集：优化Wordpress-wp终极优化手册。其实很早就看了这篇文章，但是一直懒得动手。[详细]
-
IE 使用高级CSS3选择器
所属栏目：[经验] 日期：2018-10-11 热度：95
别误会，IE是不支持CSS3高级选择器，包括最新的 IE8 （详见《CSS选择器的浏览器支持》），但是CSS选择器的确是很有用的，它可以大大的简化我们的工作，提高我们的代码效率，并让我们很方便的制作高可维护性的页面。 然而IE对高级CSS选择器特别是CSS3选择器[详细]
-
CSS 选择器的浏览器支持总结
所属栏目：[经验] 日期：2018-10-11 热度：129
我很久以前就开始计划着整理一下CSS选择器的浏览器支持，因为CSS3增加了很多非常有用的选择器。之前我也写过一篇《使用CSS选择器创建个性化链接样式 》，作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况，我将其翻译过来并进[详细]
-
CSS选择器创建个性化链接样式的教程
所属栏目：[经验] 日期：2018-10-11 热度：93
我们在设计网站的时候，有的时候需要根据页面元素的属性来制作不同的样式，比如，对于不同的链接类型，显示不同的链接图标。CSS的选择器是个很有用的技术，通过它们，我们可以很容易的实现某些效果。今天我们通过制作个性化链接样式来介绍一下CSS的属性选[详细]
-
window.open 定义窗口打开方式的代码
所属栏目：[经验] 日期：2018-10-11 热度：92
关于window.open，这是我们经常在网页开发中用到的，那么如何定义窗口的打开方式呢，比如超级链接、按钮，新窗口打开，当前窗口打开？ 下面是一些烈火整理的实例代码，没什么技术含量，方便大家查询。 以下全部是当前窗口打开，很容易的，如果想在新窗口中[详细]
-
CSS将图片设置为网页背景的基础教程
所属栏目：[经验] 日期：2018-10-11 热度：54
本文将介绍Css的基础教程，如何使用Css把图片设置为网页背景，我们都知道如何使用dw设置网页背景，那利用了html的基础语法，如下： body background=images/liehuo.gif 那么再来看一下css中是如何设置的。 HTML head titleCSS将图片设置为网页背景/title s[详细]
-
CSS中各个浏览器兼容的解决办法
所属栏目：[经验] 日期：2018-10-08 热度：78
1. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;[详细]
-
IE8 中关于 colspan 属性的 bug
所属栏目：[经验] 日期：2018-10-08 热度：91
IE8 认为所有的表格单元格都具有 colfont 属性。因此如果需要单独针对具有 colfont 属性的单元格设置样式，就有点棘手了。 td[colfont],th[colfont] {/* 注意：不管单元格是否有 colfont 属性，在 IE8 中该样式一律是生效的even if they don't have a colf[详细]
-
Css教程：可变高宽的圆角框
所属栏目：[经验] 日期：2018-10-08 热度：137
矩形框在网页中较为常见，不过个人觉得还是圆角框更为美观。那么圆角框是如何用DIV+CSS来实现的呢?假如把一张圆角框图片直接作为背景来处理，那么高宽就都被定死了，无法随内容而改变大[详细]
-
如何在html标记中调用的函数里传递对象
所属栏目：[经验] 日期：2018-10-08 热度：169
最近使用jquery结合Ajax开发一个中小型网站应用。在后台管理中要使用Ajax调用系统功能，根据Ajax的返回结果，使用 jQuery 对前台页面进行操作。 比如，使用Ajax调用删除信息的后台功能，如果返回success，则调用删除一行信息。 大体代码如下： Copy to Cli[详细]
-
Css等比例缩放图片后截取图片中的一部分
所属栏目：[经验] 日期：2018-10-08 热度：173
因为在做一个简单的相册功能，做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块，但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法 截取前： 截取后： CSS代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]img[详细]
-
Css控制图片大小，自适应缩放，兼容IE6和Firefox
所属栏目：[经验] 日期：2018-10-08 热度：59
Css控制图片大小，自适应缩放，兼容IE6和Firefox，例如我们在日常的网站设计当中，总是会遇到这样的问题，图片大小未知，而我们设计的网站内容区域的宽度是一定的，如果给所有图片设置等量的宽度显示是不行的，通过查询CSS手册，我们知道max-width和max-he[详细]
-
基于HTML5的小球物理测试系统，附实现原理
所属栏目：[经验] 日期：2018-10-08 热度：103
在线演示：基于HTML5的小球物理测试系统 源码下载：点击进入下载页 功能说明： 一个基于HTML5 canvas的小球物理测试系统，用户可以手动为新的小球设置不同的属性值（颜色，半径，速度等），从而在canvas中发射小球，小球在 运动 过程中会收到重力，弹性以[详细]
-
Css技巧：div下图片自适应大小的解决办法
所属栏目：[经验] 日期：2018-10-08 热度：136
今天，烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题，看了一下，这样的问题原因很简单，归结就是没有给div设置高度和宽度，那么当你设置了宽高以后也就无法自适应了，搜索了一下，找到一些解决实例，现在分享给大家： 以前的解[详细]
