CSS伪元素before和after - html/css语言栏目：html.css 关注热度:57

今天发现很多国外的网站和框架设计都用到了before和after，之前使用的比较少，今天试了下觉得还是很有意思的~说明1 :before 和 :after将在内容元素的前后插入额外的元素；:before将会在内..[详情]

CSS 优先级和特指度 - html/css语言栏目：html.css - 关注热度:54

1、ID 选择符 类选择符 元素选择符，特指度高的优先级高2、行内样式 内嵌样式 链接样式3、设定的样式 继承的样式特指度的计算：特指度可以用一个公式 I-C-E 来计算，其中I 是 I..[详情]

css--关于visibility设置 “collapse”值问题 - html/cs 关注热度:44

1、可能已经用过visibility上千遍了，最常用的是visible和hidden，用来使元素显示或者隐藏。还有第三个很少被用到的 20540;是collapse，除了在表 26684;的行，列中使用有差异外，他和hidden的作..[详情]

CSS 特殊选择符 - html/css语言栏目：html.css - 自学 关注热度:57

1、子元素选择符 ：父元素 子元素2、紧邻同胞选择符 43; ：元素1 43; 元素2 元素2 必须紧跟着元素13、兄弟选择符 ~ ：元素1 ~ 元素2 元素2 与元素1 同级并在元..[详情]

css中字符换行的一些问题 - html/css语言栏目：ht 关注热度:49

css中word-break可以解决这个问题，写个测试页面来做个笔记css代码：body{font-size:14px;}p{ border:solid 1px red;width:200px;}body p class=testEnglish中文中文中文中文中文中文Englis333hEng..[详情]

HTML基础2----链接,图像, 段落,对齐 - html/css语言栏 关注热度:81

在web开发中，排版，布局很重要，因此我们要把基础的东西打牢固，大家不要 慌，慢慢来。直接把代码拿过去，直接就可以运行的。1 标题2 段落3 HTML 标题（Heading）是通过 h1-h6 等标签进..[详情]

CSS定位 (div+css说起) - html/css语言栏目：html.css - 关注热度:55

CSS 定位和浮动CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表 26684;才能完成的任务。定..[详情]

CSS基础知识之精简代码 - html/css语言栏目：html. 关注热度:72

精简CSS代码可以帮助减小样式文件的大小，使代码清晰，方便维护。使用简写属性及默认值复制代码 header { margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px;} * 可以合..[详情]

html +CSS - html/css语言栏目：html.css - 自学php 关注热度:37

Html1 html的基本标签1 1 html文件结构无标题文档 1 1 1 DOCTYPE定义和用法 声明必须是 HTML 文档的第一行，位于 标签之前。 声明不是 HTML标签；它是指示web浏览器关于..[详情]

玩转CSS Counter - html/css语言栏目：html.css - 自学p 关注热度:59

1 操作计数CSS计数（css counter）主要依靠两个属性来实现计数的操作。counter-reset，将指定计数器复位counter-increment，设定计数器的变化（增加的值）1 1 counter-reset[css] 语法： counter-reset:..[详情]

CSS 布局总结——固定宽度布局 - html/css语言栏目 关注热度:50

固定宽度的单列布局中，外层指定宽度（如果没指定宽度，会自动伸展），设置 margin: 20px auto; 实现居中即可。HTML结构：[html] !DOCTYPE HTML html head title单列固定宽度 tit..[详情]

CSS Sprites的优缺点与使用 . - html/css语言栏目：h 关注热度:59

优点1、减少网页的http请求，大大的提高页面的性；2、减少图片的字；3、解图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名，从而提高了网..[详情]

纯CSS3实现的图片滑块程序 效果非常酷 - html/css语 关注热度:57

之前我们经常会看到很多利用jQuery实现的焦点图插件，种类太多了，今天我想给大家分享一款利用纯CSS3实现的图片滑块应用，完全是利用CSS3的相关特性，没有使用JS，个人觉得还是挺不..[详情]

使用正则解析html - html/css语言栏目：html.css - 自学 关注热度:52

在前面介绍了使用Jsoup解析html，Jsoup也比较强大和方便，不过需要使用第三方包，在只需解析html很少内容的时候，可以考虑用正则表达式查找匹配的内容，下面给一个简单例子，爬取页..[详情]

利用纯CSS3实现超立体的3D图片侧翻倾斜效果 - h 关注热度:78

上午的时候我在jQuery论坛上看到网友分享的一款CSS3 3D图片侧翻倾斜特效，觉得效果非常棒，其实话说回来，这玩意儿的实现真的非常简单，主要是创意不错。先来看看效果图。如何，看..[详情]

CSS3实现Tooltip提示框飞入飞出动画 - html/css语言栏 关注热度:129

接下来我们来简单分析一下这个Tooltip实现的CSS3代码。首先是HTML代码，主要是构造了3个小图标菜单以及对应的Tooltip提示框内容：复制代码div id=containerdiv class=item h1D h1div class..[详情]

HTML中的select下拉框内容显示不全的解决办法 - 关注热度:89

HTML中的select下拉框内容显示不全的解决办法 今天，我遇到这样一个问题：查询栏中的下拉框中的内容过长，导致部分被覆盖了。 查询了一些资料，有的说用函数控制，有的说用事件控..[详情]

CSS3中的网格 - html/css语言栏目：html.css - 自学ph 关注热度:64

在这篇文章中，我们将来看一些CSS3新属性，从而用HTML和CSS处理网 26684;的时候更容易。但首先让我们讨论一点HTML和CSS网 26684;的历史，了解清楚为什么以前很困难。网 26684;简史曾几何时..[详情]

css伪类before after 实现立体效果 - html/css语言栏目 关注热度:55

div {width:200px;height:200px;border:1px solid ccc;position: relative;background-color: fff;float: left;text-align: center; margin: 30px;} div1::after { z-index:..[详情]

图片映射（HTML Map）自适应窗口大小，再也不用为 关注热度:50

在上一节图片映射那么拽中，我们讲了图片映射的使用方法，然而很多小伙伴们抱怨图片不能根据页面的窗口调整而自适应，图片地图成了摆设，今天给大家分享一个插件，有了它，小..[详情]

CSS基础知识之选择器特殊性与重要性 - html/css语言 关注热度:62

在编写CSS代码的时候，我们会出现多个样式规则作用于用一个元素的情况，例如header nav class=nav-main id=navigationHere background nav header复制代码header nav { background-color: r..[详情]

CSS学习三 - html/css语言栏目：html.css - 自学php 关注热度:71

CSS学习三用户界面属性属性描述CSSappearance允许您将元素设置为标准用户界面元素的外观3box-sizing允许您以确切的方式定义适应某个区域的具体内容。3icon为创作者提供使用图标..[详情]

html学习（一） - html/css语言栏目：html.css - 自学 关注热度:69

HTML学习（一）HTML 标题（Heading）是通过 - 等标签进行定义的。HTML 段落是通过 标签进行定义的。HTML 链接是通过 标签进行定义的。HTML 图像是通过 标签进行定义的。 标签在 H..[详情]

CSS margin与padding区别 - html/css语言栏目：html.css 关注热度:96

CSS margin与padding区别一、介绍css中位置属性设置有margin与padding两种，其区别简单来说是margin设置外边距，padding设置内边距。下图为css模型盒：说明：设置margin，表示设置当前元素离其外..[详情]

CSS 学习一 - html/css语言栏目：html.css - 自学php 关注热度:56

CSS学习一背景属性属性描述background简写属性，作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的..[详情]

CSS学习二 - html/css语言栏目：html.css - 自学php 关注热度:101

CSS学习二边框属性属性描述CSSborder-image设置所有 border-image-* 属性的简写属性。3border-radius设置所有四个 border-*-radius 属性的简写属性。3box-shadow向方框添加..[详情]

CSS实现菜单栏制作，鼠标经过变色 - html/css语言栏 关注热度:51

CSS样式为： navigation { width:200px; font-family:Arial; } navigation ul { list-style-type:none;..[详情]

关于css选择器的那些事 - html/css语言栏目：html. 关注热度:54

介绍css选择器之前，首先让我们来认识一下csscss层叠样式表，作为网页排版神器不断被web前端学者们推崇着。。。为何这么叼！接下来就让我们来会会这个叼哥吧。。1、CSS的特点 HTML..[详情]

CSS selector? [class*=“span”]怎么理解 - html/css语言栏 关注热度:66

我在Twitter 中有看到如下selector: show-grid [class*= span ] { background-color: eee; text-align: center; border-radius: 3px; min-height: 30px; l..[详情]

纯CSS实现图像鼠标悬停效果 - html/css语言栏目： 关注热度:59

今天来看一组纯CSS实现的鼠标悬停效果，在线研究代码点效果一、效果二、效果三，下载收藏点这里，效果预览点这里。效果1效果1的html文件这里是个标题呀css文件中我们主要实现定位..[详情]