css
-
如何用css实现6宫格图标
Unicorn Admin .test{ width:100px; height: 100px; background-color: gray; } .test:after{ content: “”; display: block; width: 100%; height: 33.3%; borde…
-
如何使用CSS来进行网页排版
第1天:选择什么样的DOCTYPE 前言 大家好！这个系列文章是按阿捷自己制作w3cn.org站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧。 第一天 开始制作符合标准的站点，…
-
css多浏览常见问题详细介绍
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important …
-
CSS伪类和伪元素的区别
伪类和伪元素皆独立于文档结构。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的元素（伪类），或者是元素中特别的内容（伪元素）。区别总结如下： CSS伪类 (Pseudo-classes)：用于向某些选择器添加特殊的效果，即在元素当前静态样式的基础上添加特殊效…
-
div+css浮动的解决方法
如何清楚浮动（一） 已知一个大的div容器，这个容器包含了两个子div容器，然后在这两个子div容器的后面再添加一个div(这个div表示清除浮动的div容器)，清楚浮动的div容器设置css样式为clear:both，此时，大的div标签的内部(左右两边/*css5*/)浮动就清除了。 如…
-
CSS教程(一)初识CSS
css教程(一)认识css dreamweaver4是现今最好的网站编辑工具之一，用它来给制作网页的css样式表会更简单、更方便。本教程教你如何利用dreamweaver4在页面中加入css，你不用死记硬背的记代码标记，也不用去看很厚的css手册，你就可以轻松自如的在网页中运用css。不过首…
-
CSS教程(二)基础语法
1. 基本语法 css的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。基本格式如下：selector {property: value} （选择符 {属性：值}）选择符是可以是多种形式，一般是你要定义样式的html标记，例如body、p、…
-
分享利用CSS生成小圆点图案代码
通过下面的代码，可以让你的网站背景上产生一些小圆点装饰图案。默认情况下，它是使用在body元素上，但你也可以把它使用在网页里的其他容器上。 body { background: radial-gradient(circle, white 10%, transparent 10%), radial-g…
-
CSS排版页面实例代码
创建css文件如下： @charset “utf-8”;/* CSS Document */*{ margin:0px; padding:0px; border:0px;}#box{ width:1100px; height:760px; margin:auto;}#hen{ width:1100p…
-
CSS 继承深度解析
我酷爱模块化设计。长期以来我都热衷于将网站分离成组件，而不是页面，并且动态地将那些组件合并到界面上。这种做法灵活，高效并且易维护。 但是我不想我的设计看上去是由一些不相关的东西组成的。我是在创造一个界面，而不是一张超现实主义的照片。 很幸运的是，已经有一项叫做 CSS 的技术，就是特意设…
