CSS3制作下拉菜单
导航菜单其实是没有什么可说的，制作方法到处可见，今天这个案例本来不只是一个导航，还有一个搜索表单的，可是为了偷懒，把搜索表单部分去掉了，就变成了一个CSS3制作的下拉菜单。在这个导航中主要两点，一个是渐变运用，另一个就是box-shodow制作的立体效果。HTML 结构：<ul id="nav...
【转】css学习专题-BFC
css学习专题-BFC转自：原文链接：css学习专题-BFC文章目录BFC：Block Formatting Context.BFC就是一种布局方式，在这种布局方式下，盒子们自所在的 containing block 顶部起一个接一个垂直排列，水平方向上撑满整个宽度 (除非内部的盒子自己内部建立了新...
html+css学习总结
HTML与css学习总结一；html概念1.html是一种描述网页的语言，并不是计算机语言这要分清楚；标记语言是运用一套标记标签描述网页的；注意点：①标签字母都要小写，标签一般都是成对出现，有开始标签与闭合标签；也有自结束标签<meat>,<br/>等；html标签包括行内标...
【2016年特别福利】史上最全CSS学习资料大全
css学习篇【2016年特别福利】史上最全CSS学习资料大全...
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图象处理软件了。...