css基础教程-css代码-网页布局-div+css教程-老汤博客

css下拉菜单代码(动画缓慢出现效果)
用纯css代码写一个css下拉菜单，二级菜单opacity默认是0，鼠标在一级菜单hover时opacity就是1，opacity从0到1有一个transition过渡时间1秒钟，就实现了css下拉菜单动画缓慢...
css滚动条样式这样修改下很漂亮
UI设计稿上的滚动条很漂亮，但是默认的css滚动条样式是很丑的，达不到我们的要求，所以我们需要来美化下它，通过加上三个伪类样式就可以达到美化效果，但是不支持IE浏览器，...
css两端对齐justify方法
在网页布局中，会要用到css两端对齐，下面的两种css两端对齐justify方法是对文字对齐方式处理，css两端对齐text-align-last: justify和css两端对齐text-justify+after，注意...
css水平垂直居中对齐方法汇总(实测有用)
我们在前端页面布局工作中，经常会用到css水平居中和css垂直居中对齐，关于css水平居中的方法，可以看下已往文章《常见css布局水平居中的6种方法》，今天这篇文章是css水平...
css选择器命名大全推荐
css选择器命名规则所有的命名最好都小写，属性的值一定要用双引号""括起来，不要以数字开头，最好用英文尽量避免使用拼音来命名css选择器，下面推荐一下常用的css选择器命...
css鼠标样式
css鼠标样式，用css改变下默认的箭头样式，平时用的最多的会用下那个小手的样式cursor:pointer,其它的属性值几乎很少用，下面的这些属性值可以玩下，掌握一个小手样...
3种垂直居中布局的方法
前端开发css布局还有垂直居中，也是很常见的布局方法，本文分享3种垂直居中布局的方法，table-cell + vertical-align、absolute + transform、flex + align-items，很常见，...
常见css布局水平居中的6种方法
说到常见css布局，面试时经常也会考考大家，看对css知识掌握的咋样，对css盒模型理解没，比如会问css布局水平居中的方法或者css布局垂直居中的方法等，今天分享常见css布局...
用css控制字数，超出部分显示省略号
有时候需要控制下文字数，不然就会溢出，页面就会变样不美观。这时我们就可以用css控制字数，超出部分显示省略号。可以不换行，超出部分显示省略号，也可以可以换行，多行，...
reset.css模板，可参考下
2014年毕业至今5年多了，感慨一下真的过得好快呐！群里有朋友问我关于reset.css问题，个人觉得用一个模板就够了，没必要每次重写。reset.css就是css样式的重置，为了处理些...
美化css滚动条样式，就这么简单
很多朋友，会觉得默认的css滚动条样式是很丑的吧，稍微美化改下-webkit-scrollbar（滚动条整体样式）、-webkit-scrollbar-thumb（滚动条里面小方块样式）、-webkit-scrollb...
个人博客畅言去广告，用css就可以完美解决【测试有用】
很多站长都有自己的个人博客网站，会用到第三方评论插件，比如：畅言，都是目前畅言已经一家独大开始商业化了，很多广告，让个人博客网站苦不堪言呐，去广告一个月99元，对...
用css隐藏内容的6个方法
最近有个不同行的盆友问我，怎么把内容隐藏起来，我第一想到了用css的方法隐藏起来，我测试了以下这6中方法是可行，欢迎一起交流下，css的其他方法，我们最常用的应该是dis...
css中的这个letter-spacing属性，你应该知道
身为web前端开发人员，我们用DIV+CSS布局时，我们经常用line-height行高这个熟悉，大家肯定熟到家了吧，当height等于line-height时可以垂直居中，但是今天不是说这个。css中...
css虚线样式dotted和dashed
讲到css虚线样式，应该会想到border的solid，网页布局中solid用的概率最高了，要有css虚线的效果还可以用图片做背景，但是不推荐，尽量使用css虚线样式做这个虚线的效果，...
引入css的这4种方法你全用过吗？
在html中要引入css，才能对其html元素内容进行修饰，html是网页的结构部分，css是在html中起修饰也就像房子装修类似的意思，css样式表可以对html里的元素内容进行控制它的大...
超链接去掉下划线
超链接去掉下划线，即把a超链接的下划线去掉，如果css样式表中没有给a超链接做初始化，那么a超链接就会下划线，去掉下划线很简单，就是用到css样式表中的text-decoration，...
div标签大全
网页的内容需在<html>标签中，标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中，而网页需展示的内容需嵌套在<body>标签中。我们为大家收集整理了关于...
css布局更高级的技巧，你知道吗？
作为web前端程序员，一想到IE就头疼，随着html5和css3的出现，IE它开始慢慢的远去了，考虑IE9以上浏览，我们会很开心的，但很多高级的 CSS 特性都已被浏览器原生支持，再不...
div半透明文字不透明
近日有个网友问我，怎么样能实现div半透明文字不透明的效果呢？几天前好像我写一个用css3来做的，但他写的效果不管怎么调试都是div层里面的内容是透明的。我想了一下，用浮...
用CSS来实现背景透明文字不透明全兼容的方法
在div+css网站布局中，经常要用到背景透明，所在背景的文字内容也会跟着透明，但有时文字需求是不透明的，确实让我们web前端开发者很苦恼，解决这个问题方法有二，第一背景...
CSS书写基本原则规范
CSS书写基本原则规范，如下：

CSS样式可细分为3类：自定义样式、重新定义HTML样式、链接状态样式。
1. 样式为设计师自定义的新 CSS 样式，影响被使用本样式...
背景透明代码兼容各大浏览器css代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/x...
大型网站清除css浮动的最佳方法
大型网站清楚css浮动的最佳方法，例如：

<html > <head> <title>清楚css浮动的最佳方法</title> <meta name="generator" content="editplus" /> <meta name...
css属性cursor鼠标指针变成手的形状代码
css属性cursor鼠标指针变成手的形状代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...