1.内联，内嵌，行内元素： 默认可以继续跟同类型标签显示； 由内容撑开宽度，内容多宽，会有多宽； span，内嵌标签部支持宽高，即使加了宽高也不支持， 也不支持上下内外边距，但是支持左右内外边距；内上下边距会影响背景颜色（但不会撑开距离，不会把后其他元素往下挤开，但会在显示出背景） 内嵌代码换行会被解析为空格，块级不会。 块级元素： 默认独占一行显...
在移动端网站，当你点击加了a标签的文字或图片时，该元素的周围会闪现一个蓝色的边框，在微信上的网站就是如此；而有的浏览器会闪现一个半透明遮罩层，比如移动端的Chrome浏览器，其实这些特效无非就是为了告诉用户已点击了该元素，提升用户体验，但有的时候你会觉得这些特效看起来很别扭，就想着清除它，其实这很简单，只要加上一句CSS就行了。 清除所有a标签在点击时出现的特效：a{ -webkit-tap-highlight-color:rgba(255,...
纯布局, 没有功能实现, 代码多但是不难, 可以作为参考. 代码示例: html(div)代码: 计算器 返回主页 计算器 查看(V) 编辑(E) 帮助(H) MC MR MS M+...
趁着清明的3天时间，我专门看了xhtml的一套视频，虽然是xhtml但是也隐喻了很多经验，巩固了一下自己的基础，我自己也写了很多大大小小的东西，但是越写我越发觉自己基础的薄弱，果然没错！还是学到了一些我以前没理解、不知道的一些概念和一些经验之谈，这里我写一篇文章做一个总结。 一、首先W3C标准 结构、表现、动作 与 html、css、javascript相对应，它本意是结构表现分离，而且按照html规范编写结构。 ...
开始学习css之旅：先照样式做一个 一、使用DIV设置 第一个css样式 css: @charset "utf-8";/* CSS Document *//*定义DIV元素方形显示*/div { width:200px; height:200px; border:solid 2px blue; float:left; margin:4px;} 二、使用类设置 第一个css样式 css @charset "utf-8";/* CSS Document *//*定义DIV元素方形显示*/div { width:200px; height:200px; bo...
博客皮肤选定：Custom 禁用模版默认CSS，添加代码，OK。 @charset "utf-8";/* CSS Document *//* By cnblogs.com/blogg/*全局特性*/body { font-family: Arial, "微软雅黑", \5B8B\4F53, sans-serif; background-image: url(http://images.cnblogs.com/cnblogs_com/blogg/676186/o_5-120601094354-50.gif); background-repeat: repeat; background-color: #FFFDFA;}.clear { clear: both;}html { color: ...
关于CSS resetCSS reset(css重置)基本上是不需要的，至少可以说80%的的CSS reset都是没有必要的，反而增加了页面CSS 的overwrite，尤其像开心网*{margin:0;}这样子业余的做法更是要不得（反而破坏了很多UI的兼容性，比如说单复选框等）。我不是一概鄙弃CSS reset，有些常用标签我也是会简单重置一下的，而且会避免overwrite（样式重写），以保证样式最精简，渲染最高效。如下代码示例：body{ line-height:1.4; color:#333; ...
一. css 40分 1. 什么是盒模型？ 2. Doctype的几种类型？ 3. 如何布局左不动右边自适应的两列布局？ 4. 如何布局两列等高？ 5. 如何布局右侧定宽，左侧或中间自适应？ 6. 如何布局三列自适应？ 7. gif,png,jpg的区别？ 8. 什么是css sprite?优缺点？ 10. 制作细线表格？ 11. position:relative,absolute,fixed区别与联系？ 12. 如何居中一个float:left的元素 13. Css在各浏览器下的兼容问题你通常是怎么...
拖动分页 body{ border:0px; margin:0px; overflow:hidden; background-color:transparent; } .page{ position:absolute; width:700px; border:1px solid #999; background-color:#000; left:425px; margin-left:-350px; cursor:default; z-index:0; } ul{ height:320px; list-style:none; margin:40px 50px 0px; padding:0px; } li{ width:1...
不知道有多少码农和我一样，css一直是一个软肋，软到全身酥麻。。。既然软肋来了，只能是要想办法解决，所以就找本CSS权威指南看一看，都说 CSS权威指南这本书比较过时，但是内容还是比较充实的，而且内容基本上就是和你交谈一样，非常舒服，好了，下面从正文说起。 一：为啥要学习CSS 当你知道CSS的历史还是蛮有味道的，在很久很久以前，web上没有css，只有一些html的标签，比如p，h1...h5... div span,ul 等等，这...
（转自百度经验）http://jingyan.baidu.com/article/48a42057c44fdba9242504dd.html Pure是一个简单、实用的CSS框架，鉴于目前网上对pure的资料比较少，所以我想把使用pure的一些经验介绍给大家，相信你看完本文后也会爱上pure。 Pure包含多个模块：Base(基本样式)、Grids(网格系统)、Forms(表单)、Buttons(按钮)、Tables(表格)、Menus(菜单)，本文主要介绍如何使用Grids（网格系统）。 1.获取Pure CSS。 在官网purecss.io...
比如我想改变一个DIV的位置，应该怎么做呢？写个top, margin之类的 回复讨论(解决方案) 在标签体内，写个扩展的CSS类，如 .margin-left-20 { margin-left: 20px; } 然后追加到 如果 “ margin-left: 20px;”没起作用，则使用 “ margin-left: 20px!important;”html代码教程/参考手册 html代码热搜 关于type="file"的input框样式修改小结HTMLcellpadding与cellspacing属性图文详解详解HTML编...
一、html基本概念梳理，要掌握的基本知识 1 什么是html（xhtml） 1）w3c组织和相关标准、xhtml的验证方法（是否符合w3c要求）； 2） xhtml文档的基本结构、xhtml1.0基本规范； 3）内容和表现分离的思想，html结构尽量语义化。 2 块级标签 1） 至 2） 3） 3 行级标签 1） 2） 4 常用标签组...
//demo.js 调用 window.onload = function () { // $().getClass("a").css("color","red");//旧方法 /* $("#box").css("color", "red").click(function(){ alert($(this).html()) });*/ //$(".a").css("color","green") // $("p").find(".a").css("color","blue"); $("div").find("span").css("color","red") // $("div").find(".a").css("color","red"); //$("div").find("#bb").css("colo...
1、CSS3的换行: word-wrap:break-word; 2、圆角: border-radius 3、HTML标签 斜体文本 4、HTML标签 删除文本 文本中间有线条 5、HTML标签 新插入文本 文本加上了下划线 6、HTML标签 部分文本高亮显示 可以改变背景颜色 7、HTML标签 识别浏览器是否支持script 8、HTML标签 定义小型文本 9、HTML标签 定义下标文本如H2O ...