本文转自：http://www.cnblogs.com/ihardcoder/p/5294927.html 今天复习css时发现：：的css选择器，查了一下，知道有伪元素和伪类这件事，他们的区别是什么呢？很幸运已经有人总结好了！ CSS3伪类和伪元素的特性和区别 前端er们大都或多或少地接触过CSS伪类和伪元素，...

2018-06-24 01:09:32 css代码html源码

CSS全称为“层叠样式表 (Cascading Style Sheets)” CSS代码语法 css 样式由 选择符 和 声明 组成，而 声明 又由 属性 和 值 组成 ，如下图所示： 选择符： 又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素...

2018-06-24 01:09:09 css样式表css代码css 样式

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是. 以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对I...

2018-06-24 01:08:28 css字体css文件css代码css兼容html文档

在编写网页代码时，各种浏览器的兼容性是个必须考虑的问题，有些时候无法找到适合所有浏览器的写法，就只能写根据浏览器种类区别的代码，这时就要用到判断代码了。 1.HTML代码中 经过本人测试，在HTML代码中，区别各种浏览器的代码如下： !-- [if IE 6] 仅支持IE6 ![en...

2018-06-24 01:07:45 css代码html注释

1.css垂直水平居中 效果： HTML代码： div id ="container" div id ="center-div" / div / div CSS实现： 都设置居中 div块的宽高和背景色。 #center-div { width : 100px ; height : 100px ; background : #2b669a ;} a.用inline-block和vertical-align来实现居中： #...

2018-06-24 01:06:56 css代码

通过前一篇文章从简单的Tab标签到Tab图片切换的说明，相关效果也就可以实现了。 1.左右按钮tab选项卡双切换 很明显，左右两个按钮是 absolute 布局，另外就是内容部分和Tab标签部分。 1) 先实现Tab内容和标签部分的显示： HTML代码： div class ="tab-Infomations" div...

2018-06-24 01:06:50 css代码

1，父级div定义 height style type="text/css" .div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;} .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px} .left{float:left;width:20%;height:200px;background:#DDD}...

2018-06-24 01:06:38 css代码

整理一下近一周学习的有关CSS的基础知识笔记： CSS语法必须写在style标签中哦~ /*注释*/ 【CSS常用背景属性】background background-color:背景色 background-image:背景图,background-image: url(图片地址相对路径);背景图和背景色同时存在时，背景图会覆盖背景色 bac...

2018-06-24 01:06:31 css文件css代码

Tab标签切换效果是比较流行的一种网站页面布局，视觉表现为美观大方，通过标签展示内容。目前在各大网站都有存在这种效果。例如：淘宝的黄金位置使用Tab标签切换效果，网易新闻等。 1.简单的 Tab 标签 a) 先来实现Tab标签的头部 通过HTML和CSS完成基本的标签效果。包括...

2018-06-24 01:06:15 css代码

上次说把网页的头部和尾部分离出来作为一个单独的文件，所有网页共用，这样比较方便修改，然而，，，我发现某些方法里尾部会紧跟在头部后面，把内容挤在下面。。而且有的页面内容少的话不能把尾部挤到最下面，所以，这次来研究一下怎么能让尾部一直在下面。。 先把html...

2018-06-24 01:06:11 css代码