css
-
关于CSS中list-style修改列表属性控制li标签样式的问题
这篇文章主要介绍了关于css中list-style修改列表属性控制li标签样式的问题，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 list_style属性用于修改列表的属性，list-style-type用于设置列表项类型，list-style-position用于设这列表项位置，…
-
padding制作图片自适应布局（CSS百分比）
css知识点：当padding/margin取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！ 一、CSS百分比padding都是相对宽度计算的 在默认的水平文档流方向下，CSS margin和padding属性的垂直方向的百分比值都是相…
-
如何使用源生css3实现圆环加载进度条
这次给大家带来如何使用源生css3实现圆环加载进度条，使用源生css3实现圆环加载进度条的注意事项有哪些，下面就是实战案例，一起来看一下。 效果图： 当时的要求是让进度条以扇形渐变的效果加载。我想了半天，好像只有用border-img来做渐变图了，还有一个超笨的方法就是写50个长方形分布在进度条上。…
-
CSS 文本字体颜色设置方法(CSS color)
这篇文章主要介绍了css 文本字体颜色设置方法(css color),需要的朋友可以参考下 一、认识CSS 颜色（CSS color） 这里要介绍的是网页设置颜色包含有哪些；网页颜色规定规范。 1、常用颜色地方包含：字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定：网页使用RGB模…
-
用纯CSS实现禁止鼠标点击事件示例代码
这篇文章介绍的是通过纯css实现禁止鼠标点击事件，比起javascript来更加灵活，有需要的可以参考学习。 JavaScript有一个preventDefault方法, 他可用以来取消事件的默认动作。比如取消打开链接，选择文本或拖放等。 复制代码 代码如下: event.preventDefaul…
-
CSS实现带倒三角标记的WEB标准菜单效果代码
这篇文章主要为大家介绍了css实现带倒三角标记的web标准菜单效果代码,通过纯css实现鼠标滑过呈现倒三角标记的显示效果,非常简单实用,需要的朋友可以参考下 本文实例讲述了CSS实现带倒三角标记的WEB标准菜单效果代码。分享给大家供大家参考。具体如下： 这里演示css实现的带倒三角标记的WEB标准菜…
-
CSS实现带有小图片的LI图标列表菜单
这篇文章主要为大家介绍了css实现带有小图片的li图标列表菜单,可实现css图标的正常显示及滑过、点击呈现不同颜色的功能,涉及css针对visited、hover及active等使用技巧,需要的朋友可以参考下 本文实例讲述了CSS实现带有小图片的LI图标列表菜单。分享给大家供大家参考。具体如下： 这…
-
CSS实现页面九宫格布局的简单示范
九宫格布局在制作一些web app时还是经常可以用到的,这里我们以一个大概的结构示例来作css实现页面九宫格布局的简单示范,不过需要注意ie6下的兼容性问题. 一、效果图： 三、布局二（各浏览器兼容性良好） 立即学习“前端免费学习笔记（深入）”； CSS Code复制内容到剪贴板 九宫格布局 bod…
-
css实现图片切换效果
本篇文章主要介绍css实现图片切换效果非常不错，不用css，代码比较精简，推荐使用，注意一下多浏览器的兼容性。 代码如下： 纯css图切换 练习 教程来自snwebsite a{ display:block; border:1px solid #cccccc; width:20px; height:…
-
如何使用css固定位置
本篇文章主要介绍如何使用css固定位置，非常不错，可以方便提示用户等信息，有感兴趣的小伙伴了解一下。 代码如下： 层固定位置练习–by 阿会楠 html,body{ overflow:hidden; padding:0; margin:0; width:100%; height:100%; } #…
