HTML+CSS - 随笔分类 - KOJYA

应该记住的30个CSS选择器

摘要：了解基本的id选择器，类选择器和子选择器，如果就此收手，那你会错失很多灵活方法。虽然本文提及的部分选择器属于CSS3范围内，只在一些时新的浏览器有效，不过还是有必要记得这些选择器。1. ** { margin: 0; padding: 0;}在提到更先进的选择器之前，为初学者之便，先把常见的选择器解... 阅读全文

posted @ 2014-11-12 20:36 KOJYA 阅读(283) 评论(0) 推荐(0)

【代码片段】HTML5嵌入媒体 (HTML5 Embedded Media)

摘要：新的，标签给开发人员提供方便的嵌入媒体方式，这个日后必定很实用。阅读全文

posted @ 2014-11-12 20:21 KOJYA 阅读(267) 评论(0) 推荐(0)

【代码片端】@Font-Face

摘要：这个主要是用于嵌入字体的模块，一般适用于嵌入文件较小的字体，中文字体很大，所以很少被嵌入。@font-face{ font-family: 'MyFont'; src: url('myfont.eot'); src: url('myfont.eot?#iefix') format('embe... 阅读全文

posted @ 2014-11-12 20:19 KOJYA 阅读(165) 评论(0) 推荐(0)

【代码片段】CSS3 渐变（CSS3 Gradients）

摘要：background-color: #000;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#000');background-image: -webkit-gradient... 阅读全文

posted @ 2014-11-12 20:14 KOJYA 阅读(128) 评论(0) 推荐(0)

【代码片段】CSS RESET，支持HTML5

摘要：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i... 阅读全文

posted @ 2014-11-12 20:00 KOJYA 阅读(216) 评论(0) 推荐(0)

【代码优化】避免CSS表达式而选择一次性表达式

摘要：<style> p { background-color: expression(altBgcolor(this)); }</style><script type="text/javascript"> function altBgcolor(elem){ elem.style.backgroundColor=(new Date()).getHours()%2?"#F08A00":"#B8D4FF"; }</script> 阅读全文

posted @ 2013-03-08 13:46 KOJYA 阅读(175) 评论(0) 推荐(0)

【代码片段】base样式--针对bootstrap

摘要：/* Document : base.css Created on : 2013-02-22 Author : Kojya Description : Style sheet for base.*//* * bootstrap预设样式 * 测试使用*//*------------------------------------------------ bootstrap预设样式 ------------------------------------------------*/body { margin: 0; font-family: Ver... 阅读全文

posted @ 2013-02-25 15:39 KOJYA 阅读(356) 评论(0) 推荐(0)

【代码片段】reset样式--针对bootstrap

摘要：/* Document : reset.css Created on : 2013-02-25 Author : Kojya Description : Style sheet for reset.*//* * 重置样式 * 附加重置样式*//*------------------------------------------------ 重置样式(已压缩) ------------------------------------------------*/* {margin: 0;padding: 0;}.clear {clear: both;... 阅读全文

posted @ 2013-02-25 15:30 KOJYA 阅读(638) 评论(0) 推荐(0)

【代码片段】clear and clearfix清除浮动

摘要：.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }or说明：IE6 和 IE7 都不支持 :after 这个伪类... 阅读全文

posted @ 2013-02-25 13:31 KOJYA 阅读(149) 评论(0) 推荐(0)

【代码片段】CSS3 圆角

摘要：border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; 阅读全文

posted @ 2013-02-04 13:28 KOJYA 阅读(136) 评论(0) 推荐(0)

【代码片段】HTML5基本结构及常用默认模版

摘要：HTML5 Template 常用默认模版：Default Page Title 阅读全文

posted @ 2012-12-27 19:59 KOJYA 阅读(491) 评论(2) 推荐(0)

关于微软雅黑

摘要：font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti; 阅读全文

posted @ 2012-11-15 12:24 KOJYA 阅读(128) 评论(0) 推荐(0)

【代码片段】输入框默认文字，点击消失

摘要：<input type="text" value="请输入用户名" onfocus="if(value=='请输入用户名') {value=''}" onblur="if (value=='') {value='请输入用户名'}"> 阅读全文

posted @ 2012-11-01 20:13 KOJYA 阅读(165) 评论(0) 推荐(0)

【代码整合】导航

摘要：1、jQuery翻动式菜单制作教程：http://www.36ria.com/447<ul id="hor"> <li><a href="#" class="home">Home</a></li> <li><a href="#" class="download">Download</a></li> <li><a href="#" class=" 阅读全文

posted @ 2012-10-25 22:51 KOJYA 阅读(170) 评论(0) 推荐(0)

【代码片段】CSS透明度

摘要：.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} 阅读全文

posted @ 2012-10-23 16:32 KOJYA 阅读(142) 评论(0) 推荐(0)

关于css中的background

摘要：分别代表背景属性：背景颜色背景图片背景是否重复背景时候随浏览器滚动背景平位置背景垂直位置background : background-color || background-image || background-repeat || background-attachment || background-position transparent表示透明无颜色 none 表示没有设置背景图片repeat 表示图片重复scroll 表示背景图片随浏览器下拉而滚动0%水平位置在x00%垂直位置在y0 阅读全文

posted @ 2012-10-23 10:02 KOJYA 阅读(176) 评论(0) 推荐(0)

【技巧】外链地址网站标志图标API应用

摘要：方法一：http://www.google.com/s2/u/0/favicons?domain=链接地址域名(eg. www.zhangxinxu.com)如： <img src="http://www.google.com/s2/u/0/favicons?domain=www.qq.com"/>方法二：http://g.etfv.co/一个链接地址如： <img src="http://g.etfv.co/http://www.baidu.com"/>转载至：张鑫旭-鑫空间-鑫生活阅读全文

posted @ 2012-09-21 13:29 KOJYA 阅读(263) 评论(0) 推荐(0)

HTML5-快捷大纲生成工具

摘要：工具地址：http://gsnedders.html5.org/outliner/若内容为：<article> <p>I have no heading</p></article>工具会给给出如下报告：Untitled Section(无标题的节)注：<blockquote> <body> <details> <fieldset> <figure> <td> 叫做成节的根，它们拥有自己的大纲。但是，这些元素中的节和标题对于它们的祖先的大纲没有任何影响。 HTML5样式化标题阅读全文

posted @ 2012-06-01 14:13 KOJYA 阅读(298) 评论(0) 推荐(0)

【代码片段】IE6下 PNG补丁之一

摘要：1.图片在HTML页面中，使用HTC文件： CSS文件中加这样一行代码： img{behavior:url(img/iepngfix.htc);} img是你HTC文件存放的位置；另外，这个位置更改，HTC文件也需要修改：IEPNGFix.blankImg = 'img/blank.gif';iepngfix.htc和blank.gif，下载地址：http://www.cnblogs.com/myflora/archive/2012/05/03/2481443.htmliepngfix.htc的使用使用方法：下载脚本脚本，将其中的iepngfix.htc和blank.gif解阅读全文

posted @ 2012-05-24 15:47 KOJYA 阅读(257) 评论(0) 推荐(0)

【代码片段】双语导航/导航中鼠标经过变换文字

摘要：效果：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=u 阅读全文

posted @ 2012-05-05 02:51 KOJYA 阅读(161) 评论(0) 推荐(0)

KOJYA

随笔分类 - HTML+CSS

公告