原文:CSS中伪类及伪元素用法详解伪类的分类及作用：注：该表引自W3School教程伪元素的分类及作用：接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试： :active 大致效果为用鼠标点击时，元素增加特效，鼠标松开时，特效消失。多用在按钮的点击上。 写法：这里id为box的是一div块，在css中首先设置了他的基本样式，下面为加入:active伪类后需要修改的样式。未点击时：...
解析CSS列表样式属性list-style平时制作页面中可对属性list-style在list-item对象中常用，但用的都不深。一般都设为none重置整个页面就差不多OK，可能很多人包括本人对属性list-style-type更细节方面的属性并不是很了解，更有可能对属性list-style和属性list-style-type概念会比较模糊，现有必要把它提出来重新学习一下，故整理如下。义和用法list-style 简写属性在一个声明中设置所有的列表属性。说明该属性是一个简写属性，涵盖了...
为理解用户代理怎样决定字体变形的粗细，得先从关键字100到900谈起，然后我们再来看它是如何继承的。 font-weight允许值 normal | bold | bolder | lighter | l00 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 这些数字关键字用于定义与字体的相关特征的映射关系，即字体的粗细被分成九个等级。例如，OpenType就使用了九个值的数字级。字体有了这 级别之后，这些数字就直接映射到各个级，如100映射到最轻的字体变形，而90...
文章来源：小青年原创 发布时间：2016-05-19 关键词：mui,html5+,webview 转载需标注本文原始地址: http://zhaomenghuan.github.io/#!/blog/20160519 写在前面 本系列文章我们将利用mui基于网易云音乐API实现一个音乐播放器APP，同时基于环形或者融云实现聊天功能。作为本系列文章的第一篇，本文会详细讲解html5+中管理应用窗口界面的Webview模块的用法，因为是初级教程篇不过多讲解原理部分...
什么是伪元素伪元素表示了某个元素的子元素。这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。因为伪元素并不在文档树中，所以通过JS，也抓取不到伪元素，也不能给它绑事件。语法伪元素以::开头。在CSS1和CSS2中，伪元素和伪类一样，都是用:开头。但在CSS3中，伪元素以::开头，用以和伪类进行区分。IE8不支持::。因此如果要兼容IE8，只能用:。常见的伪元素::before在当前元素的内容的前面插入一个子元素。插入的元素为内...
有时我们可能会需要使用 jQuery 来加载一个外部的 css 文件，如在切换页面布局时。思路是创建一个 link 元素，并将它添加到 标记中即可，下边首先看看怎么使用 jQuery 来实现。$("<link>") .attr({ rel: "stylesheet", type: "text/css", href: "site.css" }) .appendTo("head");有些朋友可能会使用下边的写法，只是形式有些小差异(append appendTo)，原理还是一样的。$("head").append("<link>"); css = $("head").children(":las...
CSS方法.hasClass(calssName) 检查元素是否包含某个class，返回true/false$( "#mydiv" ).hasClass( "foo" ).addClass(className) / .addClass(function(index,currentClass)) 为元素添加class，不是覆盖原class，是追加，也不会检查重复$( "p" ).addClass( "myClass yourClass" ); $( "ul li" ).addClass(function( index ) { return "item-" + index; });removeClass([className]) / ,removeClass(function(index,class)) 移除元...
我将利用三天的时间来完成制作京东首页的静态页面效果，其中包含的内容有html以及css。 1、在开发进行之前，首先要配置开发环境：我们需要安装sublime webstorm vscode Hbuilder atom等开发软件，选择其一即可。我所使用的是webstorm。 2、在主文件夹中建立相关的项目文件夹 ：为了将与项目相关的文件放在一块，便于管理和以后的维护。 其中：包括与项目相关的一些文件 主页或是首页 index.html default.html Css文件夹 ...
1：使用#定义样式，并使用id为对象应用样式。 例： <!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=gb2312" /> <title>Id</title> <style type="text/css"><!-- #STYLE_1 { font-size: 20px; } --></style> </head> <bo...
一个name可以同时对应多个控件，比如checkbox和radio而id必须是全文档中唯一的id的用途1） id是HTML元素的Identity，主要是在客户端脚本里用。2） label与form控件的关联，如 <label for="MyInput">My Input</label> <input id="MyInput" type="text"> for属性指定与label关联的元素的id，不可用name替代3）脚本中获得对象：IE支持在脚本中直接以id（而不是name）引用该id标识的对象。例如上面的input，要在脚本中...
记得一年前，到一家公司面试的时候，问我position有哪几个属性，我憋半天才回答出2个，大家估计都清楚，就是我们经常用到的2个（relative，absolute）。 最近又用到了好多，深入研究了下。 一、语法: position：static | relative | absolute | fixed 取值: static ：默认值，无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用，默认值。 relative：相对定位，对象遵循正常文档流，但将依据top，right，b...
counter()的定义和用法:是一个函数，其主要配合content一起使用。使用counter()来调用定义好的计数器标识符。语法结构: counter(,list-style-type) 参数解析:（1）.:counter-increment定义的属性值,用来告诉该文档插入的计数器标识符名称是什么。（2）.list-style-type:设置计数器的风格，有点类似于list-style-type。默认情况之下取值为十制，但你也可以重置这个样式风格，比如upper-roman或者upper-alpha等。此参数值列表如...
background-size属性用法详解:此属性用来控制控制背景图片的大小，下面通过代码实例详细介绍一下此属性的用法，希望能够对需要的朋友带来一定的帮助。Background-size属性具有两个参数（在这里先不把cover和contain计算在内），参数值既可以是精确数值形式也可以是百分比形式，也可以是默认的值auto，例如: background-size:200px 100px;background-size:50% 50%;background-size:auto; 下面对Background-size...
CSS的margin用法详解:建议:尽可能的手写代码，可以有效的提高学习效率和深度。margin属性在网页中使用非常的频繁，所以这里详细介绍一下此属性的用法。此属性用来定义对象的外边距的，也称之为外补白，所谓的外边距就是围绕边框外侧的空白区域。可以单独定义上下左右某一方位的外边距。代码实例如下:实例一:子div没有外边距的情况： 蚂蚁部落.parent{ width:400px; height:400px; border:1px solid red;}.children...
CSS的padding用法详解:建议:尽可能的手写代码，可以有效的提高学习效率和深度。padding属性在网页中使用非常的频繁，所以这里详细介绍一下此属性的用法。此属性用来定义元素的内边距或者内补白，所谓的内边距就是元素中的内容与元素内侧之间的空白区域。可以单独定义上下左右某一方位的内边距。代码实例:实例一:没有设置父div的内边距的时候： 蚂蚁部落.parent{ width:400px; height:400px; border:1px solid red;...