创业经验_我爱制作网

如何创建CSS的对象？获取合适的粒度！

所属栏目：[创业经验] 日期：2018-10-13 热度：158

在上一篇文章中，我说到：强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿，因为的CSS和HTML需要比PHP更细致的对象结构。事实上，PHP的模板不是天生合适的，因为每个模板包含了许多不同的HTML，以及以不同的方式相结合的CSS对象[详细]
HTML与CSS中的视觉语义

所属栏目：[创业经验] 日期：2018-10-13 热度：169

你和用户之间的网站堆栈（简化版）在TXJS大会的最后一天，一个开发者问我：面向对象的CSS没有给你留下一大堆基于表现的class名? 网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件，人们对于HTML和CSS的期望是一样一样的。H[详细]
合并css和js文件加快网站浏览速度

所属栏目：[创业经验] 日期：2018-10-13 热度：82

虽然现在本站首页、独立文章页等都已经静态化，但由于服务器在美国的DH上，所以有的时候响应速度还是有点让人受不了。在网上搜了很多关于Wp优化的文章，这里推荐一篇优化合集：优化Wordpress-wp终极优化手册。其实很早就看了这篇文章，但是一直懒得动手。[详细]
IE 使用高级CSS3选择器

所属栏目：[创业经验] 日期：2018-10-13 热度：133

别误会，IE是不支持CSS3高级选择器，包括最新的 IE8 （详见《CSS选择器的浏览器支持》），但是CSS选择器的确是很有用的，它可以大大的简化我们的工作，提高我们的代码效率，并让我们很方便的制作高可维护性的页面。然而IE对高级CSS选择器特别是CSS3选择器[详细]
CSS 选择器的浏览器支持总结

所属栏目：[创业经验] 日期：2018-10-13 热度：141

我很久以前就开始计划着整理一下CSS选择器的浏览器支持，因为CSS3增加了很多非常有用的选择器。之前我也写过一篇《使用CSS选择器创建个性化链接样式》，作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况，我将其翻译过来并进[详细]
CSS选择器创建个性化链接样式的教程

所属栏目：[创业经验] 日期：2018-10-13 热度：61

我们在设计网站的时候，有的时候需要根据页面元素的属性来制作不同的样式，比如，对于不同的链接类型，显示不同的链接图标。CSS的选择器是个很有用的技术，通过它们，我们可以很容易的实现某些效果。今天我们通过制作个性化链接样式来介绍一下CSS的属性选[详细]
CSS将图片设置为网页背景的基础教程

所属栏目：[创业经验] 日期：2018-10-13 热度：72

本文将介绍Css的基础教程，如何使用Css把图片设置为网页背景，我们都知道如何使用dw设置网页背景，那利用了html的基础语法，如下： body background=images/liehuo.gif 那么再来看一下css中是如何设置的。 HTML head titleCSS将图片设置为网页背景/title s[详细]
CSS中各个浏览器兼容的解决办法

所属栏目：[创业经验] 日期：2018-10-08 热度：86

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 热度：179

IE8 认为所有的表格单元格都具有 colfont 属性。因此如果需要单独针对具有 colfont 属性的单元格设置样式，就有点棘手了。 td[colfont],th[colfont] {/* 注意：不管单元格是否有 colfont 属性，在 IE8 中该样式一律是生效的even if they don't have a colf[详细]
Css教程：可变高宽的圆角框

所属栏目：[创业经验] 日期：2018-10-08 热度：135

矩形框在网页中较为常见，不过个人觉得还是圆角框更为美观。那么圆角框是如何用DIV+CSS来实现的呢?假如把一张圆角框图片直接作为背景来处理，那么高宽就都被定死了，无法随内容而改变大[详细]
Css等比例缩放图片后截取图片中的一部分

所属栏目：[创业经验] 日期：2018-10-08 热度：80

因为在做一个简单的相册功能，做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块，但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法截取前：截取后： CSS代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]img[详细]
Css控制图片大小，自适应缩放，兼容IE6和Firefox

所属栏目：[创业经验] 日期：2018-10-08 热度：116

Css控制图片大小，自适应缩放，兼容IE6和Firefox，例如我们在日常的网站设计当中，总是会遇到这样的问题，图片大小未知，而我们设计的网站内容区域的宽度是一定的，如果给所有图片设置等量的宽度显示是不行的，通过查询CSS手册，我们知道max-width和max-he[详细]
基于HTML5的小球物理测试系统，附实现原理

所属栏目：[创业经验] 日期：2018-10-08 热度：193

副标题#e# 在线演示：基于HTML5的小球物理测试系统源码下载：点击进入下载页功能说明：一个基于HTML5 canvas的小球物理测试系统，用户可以手动为新的小球设置不同的属性值（颜色，半径，速度等），从而在canvas中发射小球，小球在运动过程中会收到重力[详细]
Css技巧：div下图片自适应大小的解决办法

所属栏目：[创业经验] 日期：2018-10-08 热度：59

今天，烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题，看了一下，这样的问题原因很简单，归结就是没有给div设置高度和宽度，那么当你设置了宽高以后也就无法自适应了，搜索了一下，找到一些解决实例，现在分享给大家：以前的解[详细]
Css 自定义文件上传控件样式（兼容 IE6）

所属栏目：[创业经验] 日期：2018-10-08 热度：150

要想直接通过 CSS 来控制文件上传控件，基本没戏的。当然也有一些解决方案，例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题，顺手记录下吧。首先，给 input type=file 元素戴个套子，这样比较安[详细]
一行代码解决IE8浏览器兼容问题

所属栏目：[创业经验] 日期：2018-10-08 热度：116

一行代码解决 IE8 浏览器与IE7之间的兼容性问题，热门的tag非IE8莫属，各浏览器厂商争相发布版本更新，部分网页也存在与IE8的兼容性问题，简单一行代码，让IE8自动调用IE7的渲染模式，只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
有关 HTML5 的应用现状与发展前景的思考

所属栏目：[创业经验] 日期：2018-10-04 热度：52

现在的 HTML5 就像当年崭露头角时的 Ajax，有人在做，但不知道叫它什么。最近，苹果在 HTML5 上大做文章，而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 Yahoo 的一名前端工程师，本文是他对 HTML5 应用现状与前景的思考[详细]
模仿 Google 新搜索框的阴影效果

所属栏目：[创业经验] 日期：2018-10-04 热度：89

如图所示，注意搜索框的下边框和右边框的简单阴影效果。一起到Google看看去！是图片吗？不是，Google是通过3个不同颜色的边框实现的简单阴影。 (注意：Google的效果不支持IE6，但是模仿的效果支持所有浏览器。) Google是如何实现的？ Google的主要HTML代[详细]
如何隐藏滚动条?IE去掉滚动条HTML代码

所属栏目：[创业经验] 日期：2018-10-04 热度：76

做了一个页面，与桌面分辨率一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。方法1：直接在body里面加上属性scroll 代码如： body scroll=no 方法2：使用样式表overflow 代码如： HTML[详细]
IE6 select z-index无效，遮挡div的解决教程

所属栏目：[创业经验] 日期：2018-10-04 热度：63

在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用 j[详细]
Img,Script,Link等标签为空可导致页面多余请求

所属栏目：[创业经验] 日期：2018-10-04 热度：155

把页面中的img，script，link等标签为空链可以导致页面多余请求的问题，包括IE， Firefox ，chrome， Safari ！但是相对于img，script跟link的src、href为空时，在IE下不做请求，而 Chrome , Safari, 和 Firefox则会出现一次多余的新请求。下面详细讲解一[详细]
用HTML5制作网页 - HTML5实例教程

所属栏目：[创业经验] 日期：2018-10-04 热度：105

根据你们询问的人，HTML 5不是迈向创造更语义化的网络的下一个重要步伐，就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。争论双方的问题在于，很少的站点在自然环境下使用HTML 5，所以现在所认识到的问题的理论解决方案仍然在很大程度上未[详细]
从语义开始 – 概念、意义、实践 [多图]

所属栏目：[创业经验] 日期：2018-10-04 热度：128

随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于SEO背后的商业价值影响，语义化得到了突出的重视，作为一名刚入门的前端工作者，我也曾单纯地认为，语义化便是[详细]
${ hide_text } CSS文字隐藏总结报告$
{ hide_text } CSS文字隐藏总结报告

所属栏目：[创业经验] 日期：2018-10-04 热度：85

最近整理的一份CSS文字隐藏的demo，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的[详细]
CSS跨浏览器开发原则[图文教程]

所属栏目：[创业经验] 日期：2018-10-04 热度：148

在互联网设计过程中，可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是，这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求，认为跨浏览器的兼容性并不是必备的。虽然我也[详细]

9604

355