-
css基础教程之CSS基础语法
CSS2021-09-08
我们学习CSS要明白一个重要的问题,CSS主要是解决与实现表现(CSS)与结构(HTML)的分离。我们编写完HTML之后,如...
-
CSS 平级和儿子级样式写法示例
CSS2021-09-08
input:checked+ol:这个是讲当inoput 拥有了checked后它平级的OL拥有的样式。 input:checked+olli:中的大于是指当inoput 拥有了chec...
-
纯css实现的下拉菜单只有边框底纹用到图片
CSS2021-09-08
复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="htt...
-
设置margin和padding为0可去掉DIV与DIV的空白
CSS2021-09-08
div 中左右居中代码 text-align:center;(水平方向)vertical-align:middle;(垂直方向) line-height:30px;(30px是与设置的 div 的高...
-
IE9下DIV本来应该居中的结果显示为居左
CSS2021-09-08
复制代码 代码如下: div style="width:1000px;margin:0 auto;" div style="background-color:red; text-align:left;" 区块1 /div div style="backgrou...
-
使用display:inline-block居中没有宽度的元素
CSS2021-09-08
在一个元素内 居中 另一个元素有时候会很困难.对于常规,静态定位的元素,可以让他向左或向右浮动,或者使用...
-
css3 transform属性详解
CSS2021-09-08
CSS3变形是一些效果的集合,比如平移translate() 、旋转rotate()、缩放scare()和倾斜skew()效果,每个效果都被称作为变形函...
-
CSS list-style-type属性使用方法
CSS2021-09-08
设置对象的行项标记的预定义类型。 语法 { list-style-type: sType } 可能的值 sType 一个字符串,用于指定以下值之一:...
-
CSS Hack技术介绍及常用的Hack技巧集锦
CSS2021-09-08
一、什么是CSS Hack ? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要...
-
一款纯css3实现的动画加载导航
CSS2021-09-08
今天为给大家再带来一款纯 css3 实现的动画加载 导航 。该 导航 出现的时候以动画的形式出现。效果图如下: html代...
-
css3弹性盒模型(Flexbox)详细介绍
CSS2021-09-08
Flexbox 是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。 Flexbox 布局的主体思想是似的元素可以...
-
利用CSS实现禁止双击选择页面内容的实例展示
CSS2021-09-08
在 双击 左右箭头,快速切换图片滚动时,会选择附近区域的文字,感觉不是很好,今天在同事在分享时,讲到了这...
-
屏蔽双击选中文字的方法兼容FF及以外的浏览器
CSS2021-09-08
FF用样式 :-moz-user-select:none; FF以外的浏览器用:onselectstart=return false(直接加在需要作用的标签) eg: div class=test on...
-
CSS滤镜实现的颜色渐变翻转效果
CSS2021-09-08
一下是利用CSS滤镜效果实现渐变翻转的代码,有需要的朋友可以参考下。 复制代码 代码如下: span style="font-size:14px...
-
独行DIV自适应宽度布局CSS实例与应用范围
CSS2021-09-08
独行DIV自适应宽度布局CSS实例与扩大应用范围DIVCSS5先给大家介绍独立一列自适应宽度,也就是单独一行宽度自适应...
-
DIV+CSS中让布局、背景图片、文字内容居中的方法
CSS2021-09-08
在DIV CSS布局的页面里,从布局内容到页面里文章文字 居中 都是非常重要的,而css来设置 居中 也是非常简单的。 ...
-
css3 图片圆形显示 如何CSS将正方形图片显示为圆
CSS2021-09-08
一、图片实现圆形条件 原本不是圆形图片,通过CSS样式布局实现成圆形图片,首先图片必须为正方形。 二、使用布...
-
CSS3 重置iphone浏览器按钮input,select等表单元素的默
CSS2021-09-08
今天在公司写了一个登录页面效果,让我碰到一个怪异的问题表单中的input[type=submit]和input[type=reset]按钮在iPhone的s...
-
CSS教程高级应用 2个纯CSS面包屑导航栏实现代码
CSS2021-09-08
下面是两个纯 CSS 面包屑 导航栏 实现代码,在网上找了一些方法但觉得都不合适唯独这两个纯css的就差不多了,下面...
-
响应式网页设计的快速教程(适合个人站点)
CSS2021-09-08
做过wap站、做过siteApp、做过第三方,也做过独立APP,现在又做了个自适应的模板。所谓响应式 网页设计 (Responsive ...
-
写CSS样式做浏览器兼容时区别ie8和ie9的方法
CSS2021-09-08
众所周知 区别ie6~8的方法是: 复制代码 代码如下: width:10px;//chrome width:10px\9;// ie8 + *width:10px;//ie7 _width:10px;//ie6 区别...
-
css移动端实现与pc端一样的:acitve效果
CSS2021-09-08
做移动前端也有一些日子了,一直有个问题没有解决,就是与pc端那样的一个:hover的效果,:hover是鼠标指针浮动在其上...
-
不使用hover外部CSS样式实现hover鼠标悬停改变样式
CSS2021-09-08
不能使用外部 CSS 样式实现 hover 鼠标悬停 改变样式 在DIV+ CSS 网页布局中,有时我们不能直接使用外部CSS样式控制D...
-
css中position:fixed实现div居中上下左右居中
CSS2021-09-08
上下左右 居中 代码如下 复制代码 代码如下: div{ position : fixed ; margin:auto; left:0; right:0; top:0; bottom:0; width:200px; height:...
-
IE浏览器单独写CSS样式的几种方法
CSS2021-09-08
因为万恶的 IE 存在各种的不标准,因此,在进行页面开发时不免要为 IE 单独写一些 CSS 。熟悉的方法有 IE hacks 和条...
-
CSS设置div对象盒子里部分文字加粗的实例介绍
CSS2021-09-08
CSS 设置对象盒子里部分文字加粗方法有两种,一种使用html b标签或html strong标签,另外一种使用 CSS 样式实现加粗布...
-
CSS background 控制显示图片的一部分
CSS2021-09-08
使用情形:防止反复请求 图片 资源,我们经常采用一张 图片 多种效果或内容显示。 假设我有纸张竖直方向的一张图...
-
布局和排版教程 纯css3实现图片三角形排列
CSS2021-09-08
当今是个读图时代。纯大部分网页或多或少都会用到图片。特别是图片较多的网页。图片的布局和排版就非常重要了...
-
CSS如何只改变父元素背景透明度不改变子元素透
CSS2021-09-08
一般情况下,我们可以使用css的opcity属性改变某个元素的 透明度 ,但是其元素下的 子元素 的 透明度 也会被改变,...
-
CSS实现背景透明文字不透明的可行方法(兼容各浏
CSS2021-09-08
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现 背景 透明 ,而 文字 保持不 透明 。而IE6/7...