-
CSS border三角的一个应用实例
所属栏目:[经验] 日期:2018-11-20 热度:128
早上了解到一个名为css border三角的技术,纯css2实现,兼容各浏览器(包括Ie6),且效果非常好,当时即内牛满面,顿感牛人之强大。自己不敢不有样学样,赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
CSS控制网页中图片的最大宽度和高度
所属栏目:[经验] 日期:2018-10-26 热度:141
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-25 热度:127
图片上传在当今的Web应用中是一个非常常用的功能,如果不需要在上传前进行图片预览则可以简单的使用HTML+ Java script来实 现,但如果一定要在上传之前提供图片预览功能则需要求助于Flash来实现。不过,随着HTML5 File API的诞生这一状况终于有了改观,本[详细]
-
如何创建CSS的对象?获取合适的粒度!
所属栏目:[经验] 日期:2018-10-25 热度:65
在上一篇文章中 ,我说到: 强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿,因为的CSS和HTML需要比PHP更细致的对象结构。事实上,PHP的模板不是天生合适的,因为每个模板包含了许多不同的HTML,以及以不同的方式相结合的CSS对象[详细]
-
HTML与CSS中的视觉语义
所属栏目:[经验] 日期:2018-10-25 热度:81
你和用户之间的网站堆栈(简化版) 在TXJS大会的最后一天,一个开发者问我: 面向对象的CSS没有给你留下一大堆基于表现的class名? 网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件,人们对于HTML和CSS的期望是一样一样的。H[详细]
-
合并css和js文件 加快网站浏览速度
所属栏目:[经验] 日期:2018-10-25 热度:179
虽然现在本站首页、独立文章页等都已经静态化,但由于服务器在美国的DH上,所以有的时候响应速度还是有点让人受不了。在网上搜了很多关于Wp优化的文章,这里推荐一篇优化合集:优化Wordpress-wp终极优化手册。其实很早就看了这篇文章,但是一直懒得动手。[详细]
-
IE 使用高级CSS3选择器
所属栏目:[经验] 日期:2018-10-24 热度:139
别误会,IE是不支持CSS3高级选择器,包括最新的 IE8 (详见《CSS选择器的浏览器支持》),但是CSS选择器的确是很有用的,它可以大大的简化我们的工作,提高我们的代码效率,并让我们很方便的制作高可维护性的页面。 然而IE对高级CSS选择器特别是CSS3选择器[详细]
-
CSS 选择器的浏览器支持总结
所属栏目:[经验] 日期:2018-10-24 热度:187
我很久以前就开始计划着整理一下CSS选择器的浏览器支持,因为CSS3增加了很多非常有用的选择器。之前我也写过一篇《使用CSS选择器创建个性化链接样式 》,作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况,我将其翻译过来并进[详细]
-
CSS选择器创建个性化链接样式的教程
所属栏目:[经验] 日期:2018-10-24 热度:63
我们在设计网站的时候,有的时候需要根据页面元素的属性来制作不同的样式,比如,对于不同的链接类型,显示不同的链接图标。CSS的选择器是个很有用的技术,通过它们,我们可以很容易的实现某些效果。今天我们通过制作个性化链接样式来介绍一下CSS的属性选[详细]
-
window.open 定义窗口打开方式的代码
所属栏目:[经验] 日期:2018-10-23 热度:130
关于window.open,这是我们经常在网页开发中用到的,那么如何定义窗口的打开方式呢,比如超级链接、按钮,新窗口打开,当前窗口打开? 下面是一些烈火整理的实例代码,没什么技术含量,方便大家查询。 以下全部是当前窗口打开,很容易的,如果想在新窗口中[详细]
-
CSS将图片设置为网页背景的基础教程
所属栏目:[经验] 日期:2018-10-23 热度:160
本文将介绍Css的基础教程,如何使用Css把图片设置为网页背景,我们都知道如何使用dw设置网页背景,那利用了html的基础语法,如下: body background=images/liehuo.gif 那么再来看一下css中是如何设置的。 HTML head titleCSS将图片设置为网页背景/title s[详细]
-
CSS技巧:字体属性简写规则
所属栏目:[经验] 日期:2018-09-16 热度:66
当使用css定义字体时你可能会这样做: 事实上你可以简写这些属性: 现在好多了吧,不过有一点要注意:使用这一简写方式你至少要指定font-size和font-family属性,其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目:[经验] 日期:2018-09-16 热度:177
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目:[经验] 日期:2018-09-16 热度:173
假如是这样的情况: 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离,可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置,overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目:[经验] 日期:2018-09-16 热度:112
之前别人也有写过,但兼容性不强,支持以下几款主流浏览器 IE6,7,firefox2,3,时间关系,css就不一一详解了,很简单。请看下面的源码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
CSS禁止中文输入法(只能输入英文)
所属栏目:[经验] 日期:2018-09-16 热度:87
CSS样式也是可以实现某些类似脚本的功能,例如今天要说的就是禁止输入中文,只要在CSS样式中加上以下代码就可以了: Copy to Clipboard 引用的内容:[www.veryhuo.com]ime-mode : disabled (说明:他的真实效果是禁止切换输入法,也就是说只能输入默认输入[详细]
-
CSS常用类和ID命名规范
所属栏目:[经验] 日期:2018-09-16 热度:98
CSS中的类和ID名称都是可以自定义的,也没有像一些编程语言会保留关键字,在CSS里可以完全自己命名。但是为了使CSS更有可读性,很多人都提倡规范命名。说到这,发现我以前写的不少CSS的命名都是很乱的,真得改改了。 今天翻出电脑里的资料,发现有个CSS常[详细]
-
使用CSS让DIV水平垂直居中的方法
所属栏目:[经验] 日期:2018-09-16 热度:107
要点: 1.position属性设置为:absolute 2.top和left属性都设为:50% 3.margin-top宽度设置为height高度的一半,margin-left属性设置为width宽度的一半。 htmlheadtitleDIV水平垂直居中/titlestylebody{font-size:12px; margin:0; padding:0;}.div1{positi[详细]
-
纯CSS圆角框3:圆角化图片
所属栏目:[经验] 日期:2018-09-16 热度:108
文章导航: 第一章:基本的圆角框 第二章:透明圆角化背景图片 在前面一篇文章中,我们将一张上下渐变的的图片作为标题的背景,并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
-
CSS入门:五个简单,但有用的CSS属性
所属栏目:[经验] 日期:2018-09-16 热度:67
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
CSS实例:纯CSS打造斜角
所属栏目:[经验] 日期:2018-09-16 热度:166
关于CSS打造斜角,先说一下历史,在CSS+DIV流行以前,也就是用表格作为网页框架的时候,人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了,这里不讨论。CSS+DIV兴起以后,出现了两种制作斜角效果的方法,一个是通过ba[详细]
-
这位华裔创业者建立LinkedIn又去做区块链,老婆却”嫌“他不做投资人
所属栏目:[经验] 日期:2018-02-24 热度:72
副标题#e# 来源:硅谷密探(微信:guigudiyixian) 作者:绥蔚 作为一名越南华裔难民的他,他是如何成为领英(LinkedIn)第一位CTO的? 他有何等魅力,让硅谷人脉最广的顶级投资人Reid Hoffman劝说他共同创办领英? 硅谷连续创业 23 载,他创办的多家公司被收购[详细]
-
在「不讨喜」的办公领域,金山 WPS 是怎么坚持三十年的?
所属栏目:[经验] 日期:2018-02-24 热度:192
副标题#e# 金山软件的一切都是从 WPS 开始的,在专业办公领域,他们已经走了近三十年。 和近几年很火的协作、笔记类软件不同,专业办公一直是个不怎么讨喜的领域,界面复杂、操作繁琐,再加上投入产出不成正比,仍然坚持在做专业办公的只有微软、谷歌、苹果[详细]
-
2017创业者高校盘点:清华北大是独角兽企业孵化园
所属栏目:[经验] 日期:2018-02-23 热度:97
文章来源:IT桔子 1、北大、清华乃创业者的‘黄埔军校:近五年共有 379 位创业者从这里毕业 北京大学和清华大学是当之无愧的创业者‘黄埔军校’,从这里走出来的创业者共有 379 人,远超其他院校。 其中不乏在独角兽的创始人,诸如:滴滴出行的创始人柳青;[详细]
-
被币圈毁灭的创业者:幻想一夜暴富 却亏掉200万团队解散
所属栏目:[经验] 日期:2018-02-23 热度:192
副标题#e# 上了交易所,韭菜随便割。在区块链这场革命浪潮下,ICO却成了那些难以为继的创业项目最后的救命稻草。 文 |铅笔道 一 穷途末路的赌博者 摆在戴民(化名)团队面前的有两条路:一条是年底项目被熬死,另一条是杀进币圈,赌一把ICO。 对于一个正在垂[详细]
