css
-
详解css的writing-mode文字排版属性的用法
语法: writing-mode : lr-tb | tb-rl /* 关键字值 */ writing-mode: horizontal-tb; /* 默认值 */ writing-mode: vertical-rl; writing-mode: vertical-lr; /* 全局值-关键字inh…
-
用css写三角形的方法
*{ margin:0; padding:0; font-size:12px; font-family:Verdana, “宋体”, Arial; line-height:1.8; list-style:none;}#info,#nav{ margin:50px; border:1px dashed…
-
如何用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…