神马软件站
首页 > 网页制作 > CSS
CSS3按钮鼠标悬浮实现光圈效果源码
CSS3按钮鼠标悬浮实现光圈效果源码
1 、HTML相关知识点 HTML(超文本标记语言)是网页的核心、首先你要学会,不要害怕,HTML很容易学习的,刚开始多记多练,但是到最后还是要自己深入专研,简单的入门是很快,但学好HTML是成为We...

11-11

元素绝对定位以后设置了高宽,a标签不能点击的原因及解决方法
元素绝对定位以后设置了高宽,a标签不能点击的原因及解决方法
元素绝对定位以后设置了高宽,a标签不能点击的原因: 1、元素内并无内容 2、背景是透明的,无任何背景图或者颜色 解决方法: 1、如果不是绝对定位元素的,可以用相对定位 2、给元素加透明的背景图 3、I...

11-11

史上最全的CSS hack方式一览(兼容多浏览器)
史上最全的CSS hack方式一览(兼容多浏览器)
做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道...

11-11

ie6 z-index不起作用的完美解决方法
ie6 z-index不起作用的完美解决方法
一、概念 z-index伴随着层的概念产生的。网页中,层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是flash的应该知道,层级越高(图层越靠上),越在上面显示...

11-11

利用纯CSS3实现tab选项卡切换示例代码
利用纯CSS3实现tab选项卡切换示例代码
先来看看效果图 CSS3伪类target 利用target的特性,可以实现纯css的tab效果切换 示例代码如下 复制代码 代码如下: style type=...

11-11

css3 盒模型以及box-sizing属性全面了解
css3 盒模型以及box-sizing属性全面了解
文档中的每个元素被描绘为矩形盒子。渲染引擎的目的就是判定大小,属性比如它的颜色、背景、边框方面及这些盒子的位置。在CSS中,这些矩形盒子用标准盒模型来描述。这个模型描述了一个元素所占用的空间。每一个盒子有四条边界:外边距边界margin, 边框边界border, 内边...

11-11

CSS hacker使用小结(兼容IE6、7、8)
CSS hacker使用小结(兼容IE6、7、8)
什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈...

11-11

CSS选择器的权重与优先规则分享
CSS选择器的权重与优先规则分享
我们在使用CSS对网页元素定义样式时经常会遇到这种情况:要对一般元素应用一般样式,然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢? 在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特...

11-11

解决img在div中居中的问题
解决img在div中居中的问题
Img是内联元素,要设置其margin属性使其居中,就要将其转换为块元素display:block;然后利用margin:0 auto;实现图片的水平居中;(有的设计师为图片再加个div标签,然后通过div标签的margin实现居中)。 如果图片在div中下的span属性中,必须转换成display:block;然后...

11-11

a标签有小手状和无小手状css的属性介绍
a标签有小手状和无小手状css的属性介绍
有小手状: XML/HTML Code复制内容到剪贴板 ahref=##title=2style=cursor:pointer 无小手状: XML/HTML Code复制内容到剪贴板 ahref=javascript:void(0)style=color:#404958;cursor:default; 以上就是小编为大家带来的a标签有小手状和无小手状css的属性介绍的全部内容...

11-11

CSS3实现复选框动画特效示例代码
CSS3实现复选框动画特效示例代码
先看我们的第一个特效图 实例代码 复制代码 代码如下: !DOCTYPE html html lang=...

11-11

利用CSS3实现单选框动画特效示例代码
利用CSS3实现单选框动画特效示例代码
先看我们的第一个特效图 注意,这个地方的黄点不是我们特效的一部分,这个黄点之所以存在是我使用的屏幕录制软件自带的。可以很清楚的看到这个特效就是当我们点击的时候,黑点会以一种缩放的动画显示出来,下面来看看具体如何实现。 复制代码 代码如下: div class=...

11-11

修改UL和LI间隔的简单方法
修改UL和LI间隔的简单方法
如下所示: ul,li{margin:0;padding;0}放在css的第一行。 注意CSS的设置中ul和li之间要用逗号 以上就是小编为大家带来的修改UL和LI间隔的简单方法的全部内容了,希望对大家有所帮助,多多支持神马软件站~...

11-11

CSS3 animation实现简易幻灯片轮播特效
CSS3 animation实现简易幻灯片轮播特效
CSS3有个别特性,可以触发硬件GPU来加速渲染,而不是调用默认浏览器引擎渲染; 但是很多属性,默认都是不开启硬件加速的;需要触发条件,一个最简单的触发条件就是使用3D属性(对Z轴的操作) 效果图 代码 XML/HTML Code复制内容到剪贴板 !DOCTYPEhtml htmllang=en head metacha...

11-11

利用CSS3实现折角效果实例源码
利用CSS3实现折角效果实例源码
先来看看静态的效果图 实例代码 复制代码 代码如下: !DOCTYPE html html head meta charset=...

11-11

Less框架中将CSS强制打包到单个文件中的技巧
Less框架中将CSS强制打包到单个文件中的技巧
less 在import 其它less文件的时候会将其合并到单个文件中。 但是当引入css 文件时,默认不会将css 合并进来 。 使用inline 关键字 将a.css 强制打包到最终的单个文件中: CSS Code复制内容到剪贴板 @import(inline)./a.css; div{ color:yellow; } 编译后的...

11-11

CSS的box-align属性控制子元素布局实例
CSS的box-align属性控制子元素布局实例
box-align 说明 box-align属性, 指定元素内子要素纵方向排列指定时使用。规定框中子元素的显示次序。 容器元素比子元素大很多的情况下,使用box-align属性,可以指定子元素的排序顺序,并且可以指定子元素如何表示。 还有,纵方向排列一说,可以解释为元素内...

11-11

CSS3的column-fill属性对齐列内容高度的用法详解
CSS3的column-fill属性对齐列内容高度的用法详解
column-fill 属性, 指定列之间高度是否对齐时使用。规定如何对列进行填充 属性值 balance可能的话,所有的列内容以相同方法对齐(默认值) 对列进行协调。浏览器应对列长度的差异进行最小化处理。 auto后面的列填充在第一个列的后面。 按顺序对列进行填充,...

11-11

基于CSS实现每列四行加载完一列后数据自动填充到下一列
基于CSS实现每列四行加载完一列后数据自动填充到下一列
只用css实现每列四行,加载完一列后数据自动填充到下一列的效果。这个题目用图表示如下: 如果将题目换成只用css实现每行四列,加载完一行后数据自动填充到下一行,那这个问题就简单多了,相信大家都能使用多种方法实现。但现在这个问题该怎么去解决呢。 对...

11-11

CSS颜色体系学习小结(推荐)
CSS颜色体系学习小结(推荐)
说到 CSS 颜色,相比大家都不会陌生,本文是我个人对 CSS 颜色体系的一个系统总结与学习,分享给大家。 先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。 接下来的行文内容大概会按照这个顺序进行,内容十分基础,可选择性跳到相应内容处阅读。...

11-11

纯CSS绘制三角形箭头图案技术解析
纯CSS绘制三角形箭头图案技术解析
最近我想修改一下这个网站,我想在上面放置一个提示框。这是很容易,但我想让提示框上有一个三角形的箭头。可是,一想到这需要使用图片,并且各种颜色,各种方向的箭头要准备无数种,这几乎是一种灾难。幸运的是,MooTools的核心开发着Darren Waddell告诉了...

11-11

关于css水平居中的小小探讨
关于css水平居中的小小探讨
水平居中是常用的几种布局方式之一。主要分为行内元素的居中,块元素的居中。块元素的居中还分为固定宽度的居中,不定宽度的居中。行内元素的居中,使用text-align:center就可以实现,已知宽度的块元素的居中,使用绝对定位以及设置 margin为宽的一半的负值...

11-11

浅谈css命名规则(新手必看)
浅谈css命名规则(新手必看)
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导...

11-11

简单html以及css的用法详解
简单html以及css的用法详解
我将利用三天的时间来完成制作京东首页的静态页面效果,其中包含的内容有html以及css。 1、在开发进行之前,首先要配置开发环境:我们需要安装sublime webstorm vscode Hbuilder atom等开发软件,选择其一即可。我所使用的是webstorm。 2、在主文件夹中建立...

11-11

html/css基础篇——html代码编写过程中的几个警惕点(必看)
html/css基础篇——html代码编写过程中的几个警惕点(必看)
本文想说的警惕点与浏览器兼容无关,主要是几个本人在项目中遇到的几个小问题的总结,问题虽小,但是却有时很困扰人,在此记录一下,如果后期有此类问题会持续添加到这里。 1.内联标签之间的空格 正常情况下书写html代码的时候都有换行、缩进等习惯,比如 XM...

11-11

 1 2 3 4 5 6 7 8 9 10..155>
返回顶部