-
CSS实例：overflow 控制文本溢出代码
所属栏目：[经验] 日期：2018-11-17 热度：125
用CSS控制文本溢出，主要是使用了CSS中的overflow属性，关于文本溢出属性的实例，注意文本中段首部分的显示效果。平时我们用到的比较多，因此overflow的用法和使用场合有必要掌握。 html head meta http-equiv=Content-Type content=text/html; charset=ut[详细]
-
css属性实例:两个div边框内外嵌套
所属栏目：[经验] 日期：2018-11-17 热度：84
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-11-17 热度：177
css边框嵌套的实现代码，两个Div彼此交叉在一起，平时我们不多见吧？主要是想练习一下布局的方法，掌握两个元素边框交叉，你就可以轻易学会在网页中布局其它的小Div。 运行演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.[详细]
-
使用word-wrap:break-word使文本自动换行
所属栏目：[经验] 日期：2018-11-17 热度：180
文本框连续输入 数字111111111111111111或者 英文单词adkjsakfjsalfkjsalkdjaslkfjsalkf 会造成什么结果呢?---文字溢出,一般的处理方法是用overflow:hidden隐 藏文 字,有没有更好的解决文案呢?QA的童鞋要求自动换行. 用word-wrap:break-word即可 css手册上[详细]
-
CSS控制网页中图片的最大宽度和高度
所属栏目：[经验] 日期：2018-11-07 热度：113
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-11-07 热度：133
图片上传在当今的Web应用中是一个非常常用的功能，如果不需要在上传前进行图片预览则可以简单的使用HTML+ Java script来实 现，但如果一定要在上传之前提供图片预览功能则需要求助于Flash来实现。不过，随着HTML5 File API的诞生这一状况终于有了改观，本[详细]
-
如何创建CSS的对象？获取合适的粒度！
所属栏目：[经验] 日期：2018-11-07 热度：138
在上一篇文章中 ，我说到： 强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿，因为的CSS和HTML需要比PHP更细致的对象结构。事实上，PHP的模板不是天生合适的，因为每个模板包含了许多不同的HTML，以及以不同的方式相结合的CSS对象[详细]
-
HTML与CSS中的视觉语义
所属栏目：[经验] 日期：2018-11-07 热度：139
你和用户之间的网站堆栈（简化版） 在TXJS大会的最后一天，一个开发者问我： 面向对象的CSS没有给你留下一大堆基于表现的class名? 网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件，人们对于HTML和CSS的期望是一样一样的。H[详细]
-
合并css和js文件 加快网站浏览速度
所属栏目：[经验] 日期：2018-11-07 热度：83
虽然现在本站首页、独立文章页等都已经静态化，但由于服务器在美国的DH上，所以有的时候响应速度还是有点让人受不了。在网上搜了很多关于Wp优化的文章，这里推荐一篇优化合集：优化Wordpress-wp终极优化手册。其实很早就看了这篇文章，但是一直懒得动手。[详细]
-
IE 使用高级CSS3选择器
所属栏目：[经验] 日期：2018-11-07 热度：75
别误会，IE是不支持CSS3高级选择器，包括最新的 IE8 （详见《CSS选择器的浏览器支持》），但是CSS选择器的确是很有用的，它可以大大的简化我们的工作，提高我们的代码效率，并让我们很方便的制作高可维护性的页面。 然而IE对高级CSS选择器特别是CSS3选择器[详细]
-
CSS 选择器的浏览器支持总结
所属栏目：[经验] 日期：2018-11-07 热度：93
我很久以前就开始计划着整理一下CSS选择器的浏览器支持，因为CSS3增加了很多非常有用的选择器。之前我也写过一篇《使用CSS选择器创建个性化链接样式 》，作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况，我将其翻译过来并进[详细]
-
CSS选择器创建个性化链接样式的教程
所属栏目：[经验] 日期：2018-11-07 热度：115
我们在设计网站的时候，有的时候需要根据页面元素的属性来制作不同的样式，比如，对于不同的链接类型，显示不同的链接图标。CSS的选择器是个很有用的技术，通过它们，我们可以很容易的实现某些效果。今天我们通过制作个性化链接样式来介绍一下CSS的属性选[详细]
-
window.open 定义窗口打开方式的代码
所属栏目：[经验] 日期：2018-11-07 热度：120
关于window.open，这是我们经常在网页开发中用到的，那么如何定义窗口的打开方式呢，比如超级链接、按钮，新窗口打开，当前窗口打开？ 下面是一些烈火整理的实例代码，没什么技术含量，方便大家查询。 以下全部是当前窗口打开，很容易的，如果想在新窗口中[详细]
-
CSS将图片设置为网页背景的基础教程
所属栏目：[经验] 日期：2018-11-07 热度：61
本文将介绍Css的基础教程，如何使用Css把图片设置为网页背景，我们都知道如何使用dw设置网页背景，那利用了html的基础语法，如下： body background=images/liehuo.gif 那么再来看一下css中是如何设置的。 HTML head titleCSS将图片设置为网页背景/title s[详细]
-
IE中flash遮挡div现象的解决方案
所属栏目：[经验] 日期：2018-10-26 热度：98
今天开始给网站首页的广告管理系统添加flash广告代码，结果出现IE中（包括IE6+）弹窗广告要flash遮挡的问题，后来想到了常用的iframe方法（参见《解决IE6 select z-index无效，遮挡div的bug》），最终成功了flash遮挡DIV的bug，但是在IE中还出现了浮动的DI[详细]
-
10个最容易犯的HTML标签错误
所属栏目：[经验] 日期：2018-10-26 热度：153
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,[详细]
-
CSS 中文字体 Unicode 编码方案
所属栏目：[经验] 日期：2018-10-26 热度：160
在 CSS 中使用中文字体通常直接设置字体名称，比如设置字体为宋体：font-family:宋体；但因此产生的一个问题是，如果 CSS 编码有误，会导致页面加载后 CSS 中的中文字体乱码，请看下图所示： 通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的[详细]
-
简单实现css的div层居右的代码
所属栏目：[经验] 日期：2018-10-26 热度：143
CSS的对齐方式对刚接触CSS的朋友来说，比较难琢磨，有些想让怎么对齐偏不会对齐，搞的挺烦人，其实用好Float不只是元素浮动对齐的问题，希望通过这个窗口自适应居右的对齐实例，让CSS初学者明白其属性的定义。 代码如下： Copy to Clipboard 引用的内容：[[详细]
-
IE6不支持max-height的解决方法
所属栏目：[经验] 日期：2018-10-26 热度：192
罪恶的IE6不支持max-height属性，不过我们可以通过 jQuery 来解决IE6不支持max-height，jQuery的代码如下： $(.entry).each(function(){ if($(this)[0].scrollHeightgt;500) $(this).css({height:500px}); }); 原理: 在IE6中可以通过设定height来达到max-h[详细]
-
HTML解析原理：让页面变得更快一点
所属栏目：[经验] 日期：2018-10-26 热度：118
Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是，效率最低的 IE浏览器 仍然占领者绝大多数市场份额，这已经严重制约了互联网的发展（感叹一下：马赛克和IE阻碍人类文明发展的绊脚石!）。 简单地说，页面[详细]
-
CSS 边框重叠鼠标悬停效果
所属栏目：[经验] 日期：2018-10-26 热度：51
前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果，要实现鼠标移上后按钮边框换色，但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意： 如果看不明白，请移步参考淘宝搜索结果页面中的信用、价格两个排序按钮。http://s.taobao.com/search[详细]
-
一个Windows系统蓝屏界面的404错误页
所属栏目：[经验] 日期：2018-10-26 热度：61
搞怪的 404 错误页面会给人出人意料的感觉。 一直想给搞个出彩的 404 页面，却碍于设计能力受限。前几天看了看我们牛逼闪闪的视觉设计师龙城同学的 404 页面，被雷了一下。看看下面的这张 截图 ，像不像 Windows 系统的经典蓝屏界面? 也没啥好点评的，就是[详细]
-
模块的opacity透明与PNG的阴影透明冲突
所属栏目：[经验] 日期：2018-10-26 热度：76
模块的透明设置：filter:alpha(opacity=80); opacity:0.8; PNG的透明设置：直接在制作PNF-24模式的图时留有透明度就可以 问题： 今天在处理F7Dialog2.0项目时发现一个问题，那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
-
ID 是 CSS 的魔鬼
所属栏目：[经验] 日期：2018-10-26 热度：183
这个问题在网络上曾经谈论过无数次了，今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的，除非与JS挂钩时才使用，也就是说我们在编码过程中除非有JS要用到，就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
CSS3 Media Queries，媒介设备查询
所属栏目：[经验] 日期：2018-10-15 热度：125
允许通过 media 属性为不同媒介设备（如屏幕、打印机）指定专用样式表，而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备，并采用不同的样式表。例如，你可以有一个大屏幕显示器的专用样式和一个移动设备的专用[详细]
