随笔分类 -  html/CSS

详解CSS中:nth-child的用法 by lewis
摘要：前端的哥们想必都接触过css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途：注：还用低版本的IE浏览器的哥们请绕过！:nth-child(2)选取第几个标签，“2可以是你想要的数字”.demo01 li:nth-child(2){background:#090}:nth-child(n+4)选取大于等于4标签，“n”表示从整数，下同.demo01 li:nth-child(n+4){background:#090}:nth-child(-n+4)选取小于等于4标签.d 阅读全文
posted @ 2012-10-26 15:27 歪神weil 阅读(662) 评论(1) 推荐(0)
CSS选择器总结
摘要：1.CSS 属性选择器(选择符:[属性])属性选择器可以根据元素的属性及属性值来选择元素。例子 1 如果您希望把包含标题（title）的所有元素变为红色，可以写作：*[title] {color:red;}<body> <h1>可以应用样式：</h1> <h2 title="Hello world">Hello world</h2> <a title="Endige" href="http://www.endige.net">Endige</a> &l 阅读全文
posted @ 2012-04-20 20:59 歪神weil 阅读(734) 评论(0) 推荐(0)
CSS：浅谈自适应宽度圆角按钮实现
摘要：前言 最近在做一个个人项目时，需要实现一个圆角按钮。刚开始觉得很简单，用一张图片就能完成了，再加上图片拼接技术的话还能实现鼠标停留样式变化。但后来想想，出于网站整体风格统一的考虑，该按钮样式会在多处用到，很多时候只有两个字，但有时是多个字的，如果再碰上英文单词的，岂不是要针对不同的宽度设计不同的图片？当然可以做一张足够宽度的图片，然后所有按钮都使用同一张图片、同个宽度，但这样真的很不美观。不行，看来要探索自适应宽度圆角按钮的实现了。探索 - 大街网网址：http://www.dajie.com/效果图：原图以及修改按钮宽度的图片：实现方法：其实通过查看使用的图片以及html代码的结构都可以猜想 阅读全文
posted @ 2012-04-18 13:47 歪神weil 阅读(807) 评论(0) 推荐(0)
<label> 标签
摘要：<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。<form> <label for="male">Male</label> <input type="radio" name="sex" i 阅读全文
posted @ 2012-04-05 12:49 歪神weil 阅读(398) 评论(0) 推荐(0)
html中link和import方式导入CSS文件的区别
摘要：在CSS的实际应用中，往往是将CSS以独立文件（如：style.css）的形式导入到HTML文档中。导入CSS文件主要有两种方式： 链接式（link）<link rel="stylesheet" href="style.css" type="text/css"/>导入式（@impot）<style type="text/css">@import url("style.css");</style>以上是这两种方式的语法区别。同时，浏览器处理这两种方式也有所区别： 阅读全文
posted @ 2012-03-29 16:55 歪神weil 阅读(897) 评论(0) 推荐(0)