css 垂直同步的几种方式
第一种：利用 display:table 和 display:table-cell 的方式这种方式就好像将table布局搬过来一样，相信大家对table的td还是有印象的，它的内容是可以设置垂直居中的.DEMO:<style> .table{ display:ta...
常用base.css
ul {list-style: none;}a {text-decoration: none;}body,h1,h2,h3,h4,h5,h6,p,ul,ol,form {margin: 0;padding: 0;}html,body {width: 100%;height: 100%;backgro...
html/css更改子级继承的父级属性
一个精美的网页需要的样式很多，在父级上设置的字体颜色或者大小，在其子元素中不一定全部相同，这时候要更改其中某一项的样式怎么办呢。很多新手朋友就不明白，会迷惑为什么我使用class单独命名了，重新设置了还是没有变化，会考虑是不是格式错了，是不是命名有问题，但是有没有考虑过权重值呢，新手朋友对于权重值的...
html css 仿微信底部自己定义菜单
近期几个月一直从事微信开发,从刚開始的懵懂渐渐成长了一点。今天认为微信底部自己定义菜单,假设能在html的页面上也能显示就好了.记得曾经看过某个网页有类似效果.查找了该网页的css. ok如今html css 实现微信自己定义菜单效果.不多说直接上代码。/** * 仿微信自己定义菜单 * * @a...
[译] 关于CSS中的float和position
原文 http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。比如，可以使用若干个浮动元素来构...
css如何li中选中后加上class属性js控制
<ul><li class=""pageson"><span>1</span></li><li><span></span></li><li><span></spa...
css样式继承 第7节
样式继承：<html><head> <title>样式继承</title> <style type="text/css"> .s{ border-bottom:2px solid red; fo...
CSS元素的显示与可见性（详解Display和Visibility的用法）
目录 一、介绍 1.Display: 1.1.概念: 1.2.特点: 1.3.用法: 1.4.应用: 1.5.功能: 2.Visibility: 2.1.概念: 2.2.特点: 2.3.用法: 2.4.应用: 2.5.功能: 总结： 二、使用 1.隐藏元素- display:none或visibil...
css 设置元素背景为透明
要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：rgba 中的最后一个参数 0.4 就是想要的透明度，范围在0～1之间。在 ie 中一般是这样的：filter: alpha(opacity=40);opacity 表示透明度，它的值范围在 0～100 之间那么...
使用RGBa和Filter实现不影响子元素的CSS透明背景
点击查看原文问题如果我们想要一个元素拥有半透明的背景，我们有两个选择：使用CSS和 opacity 做一张 24-bit PNG 背景图片在CSS中使用opacity有两个问题，一是为了适应所有的浏览器，我们要对付opacity讨厌的语法；二是opacity不仅使目标元素的背 景变得半透明，而且使它...
tween.js是一款可生成平滑动画效果的js动画库。tween.js允许你以平滑的方式修改元素的属性值。它可以通过设置生成各种类似CSS3的动画效果。
简要教程tween.js是一款可生成平滑动画效果的js动画库。相关的动画库插件还有：snabbt.js 强大的jQuery动画库插件和Tweene-超级强大的jQuery动画代理插件。tween.js允许你以平滑的方式修改元素的属性值。你只需要告诉tween你想修改什么值，以及动画结束时它的最终值是...
前端初学者的 CSS 入门
文章导读：AI 辅助学习前端，包含入门、进阶、高级部分前端系列内容，当前是 CSS 的部分，瑶琴会持续更新，适合零基础的朋友，已有前端工作经验的可以不看，也可以当作基础知识回顾。 从这篇文章开始，瑶琴带着大家一起学习 CSS 的知识，如果把 HTML 比喻成一棵树的枝干，那么 CSS 就是枝干上的树...
css选择器万年不变的优先级和权重
我们在使用CSS对网页元素定义样式时经常会遇到这种情况：要对一般元素应用一般样式，然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢？在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则，如果...
Css3渐变实例Demo（一）
1.指定渐变背景的大小.div { background: url(../img/1.jpg); /*background-size:contain;*/ width: 500px; height: 100px;}.divOne { width: 100%; he...
理解CSS边框border
前面的话 边框是CSS盒模型属性中默默无闻的一个普通属性，CSS3的到来，但得边框属性重新焕发了光彩。本文将详细介绍CSS边框基础样式 边框是一条以空格分隔的集合样式，包括边框粗细(边框宽度)、边框颜色和边框样式，且先后顺序无关 border: border-width border-co...
重温CSS：Border属性
边界是众所周知的，有什么新的东西吗？好吧，我敢打赌，在这篇文章中，有很多你不看永远不知道的东西！不仅可以用CSS3来创建圆角，使用原有CSS一样可以显示自定义图形。这是正确的（有待考究）；在过去，没发现这种技术之前，我们可能使用背景图像定位来显示一个园或箭头。幸运的是，我们能放下PS图象处理软件了。...
CSS之border绘制三角形
用CSS的border可以画出高质量的三角形。我们一般会这么使用border:#test-border { width: 100px; height: 100px; margin: 100px auto; background: #fff; border: 2px so...
CSS 的 border 样式
制作过网页的人都有为画线而烦恼的经历，先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。下面把通过实例来说明其应用技巧。1、给文本加边框 上面的示例中...
利用css的border实现画三角形思路原理
1、利用Css 的border绘制三角形的原理：div的border是有宽度和颜色的，当div的宽度比较大的时候，比如上面代码每个边100像素，颜色又不一样，浏览器怎么渲染颜色呢？经测试发现，宽度较大的border相交时：1、只有相邻边才会相交，对边是不可能相交的2、相交区域(显然是矩形)按对角线划...
7件你不知道但可以用CSS做的事
不管你信不信，CSS和JavaScript开始重叠，就像CSS增加了更多功能一新。在我写“你可能不知道的CSS和JavaScript互相影响的5种方式”一文时，人们对于JavaScript和CSS是如何重叠的感到惊讶。今天，我将重点强调你能用CSS完成的7种工作——不需要通过JavaScript或图...