Blog`s CSS

【Blog`s CSS】的更多相关文章

#div_digg { position: fixed; bottom: 10px; width: 50px; right: 50px; filter: alpha(opacity=20); opacity: 0.60; -moz-opacity: 0.80; border: 2px solid #6FA833; padding: 3px; background-color: #FFF; border-radius: 5px 5px 5px 5px !important; box-shadow:…

IE7,6与Fireofx的CSS兼容性处理方法集结

CSS对浏览器的兼容性有时让人很头疼,尤其是对于IE6这个问题多多的浏览器版本,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声明. 一.CSS 1.vertical-align:middle文字垂直居中,对于某些元素如div{width:200px;height:200px;}不会有效果,只需给div{line-height:200px;}…

CSS ::before 和 ::after 伪元素另类用法

原文地址:http://justcoding.iteye.com/blog/2032627 CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此.前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪元素了. 一基本语法在了解进阶的应用之前,先来了解一下语法规则.平常仅仅需要将…

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对… 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HA…

jQuery选择器与CSS选择器

1. 通过位置选择的几个操作: :first:默认情况下是相对整个页面来说的第一个,如:li:first表示整个页面的第一个li元素,而ul li:first表示整个页面的第一个li元素,并且是在ul下的子元素: :last:同上了,只是是最后一个而已: :first- child:为每个父元素匹配第一个子元素,如li:first-child返回每个ul的第一个li元素.可以这样理解,页面中的元素有相同的父元素的,并且里面又包含li元素的,那么就取第一个li元素,每个子类集合都要进行判断,直到…

css多浏览常见问题

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ width:…

CSS 埋点统计

原文地址: https://my.oschina.net/u/1778933/blog/1608904 CSS 埋点统计当一个网站或者 App 的规模达到一定程度,需要分析用户在 App 或者网站的相应操作,则需要埋点统计用户行为,这个不用多说,具体实现有 JS 脚本写好埋点事件并调接口,今天 get 到一种新的埋点统计方式保证耳目一新.下面代码简单示范一下. //index.html <!DOCTYPE html> <html> <head lang="en&q…

CSS兼容IE Firefox问题与解决方法

一.双边距问题浮动元素的外边距会加倍,但与第一个浮动元素相邻的其他浮动元素外边距不会加倍.解决方法:在此浮动元素增加样式 display:inline; 二.图片产生的间隙父元素直接包含<img>,这个图片下方会和父元素边缘产生间隙.解绝方法:1.在源代码中让</div>和<img>在同一行,因为那个间隙是由换行符产生的. 2.给<img>添加样式 display:block; 三.最小高度问题块元素最小高度为10px,当高度…

项目实战：BBS+Blog项目开发

01-博客系统之功能需求 02-博客系统之表结构设计1 03-博客系统之表结构设计2 04-博客系统之表结构设计3 05-博客系统之表结构设计4 06-博客系统之表机构设计5 07-博客系统之创建系统与迁移表 08-博客系统之登录页面设计 09-博客系统之验证码图片的生成1 10-博客系统之验证码图片的生成2 11-博客系统之验证码图片的噪点燥线 12-博客系统之验证码刷新 13-博客系统之保存验证码字符串 14-博客系统之登录验证 15-博客系统之登录验证代码优化 16-博客系统之滑动验证码作…

CSS标签内多余内容隐藏

CSS: <style> .mazey{width:100px;} .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} </style> HTML: <div class="mazey nowrap">http://www.mazey.net/baby/blog/#http://www.mazey.net/baby/blog/#http://www.mazey.net…