css
-
css设置网页导航栏
这篇文章主要为大家详细介绍了css设置网页导航栏的相关资料,需要的朋友可以参考下 html页面: FreeBSD 首页 风雨 飘 css文件: /*** ESSENTIAL STYLES ***/ .nav, .nav * { margin: 0; padding: 0; list-style: n…
-
详解css实现的各种形状的代码
New Document <!—-> #triangle-1{ width:0; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:100p…
-
CSS让英文单词的自动换行的方法介绍
CSS让英文单词的自动换行 在制作网页过程中,css样式编写中,可能会遇到文字换行的问题,其中英文换行可能会困扰着很多初学者,而今天我就这个问题进行相应的阐述,学过css的朋友应该都知道,控制文字是否换行可以直接使用css中的word-break来进行调整,但是对于英文来说,我们要让其能满足所有浏览…
-
详解CSS盒子效果
css盒子效果: CSS盒子效果*{margin:0; padding:0;}/*通配符*/body{ color:#fff;}.box-common { padding: 5px 10px; margin: 10px; font-size: 21px; line-height: 1.3em; bo…
-
CSS的三个概念
一、html与css 两者都是W3C组织制定的,HTML侧重定义网页的结构和内容,CSS侧重定义网页的形式和外观,分开的目的是为了网页的内容和形式剥离。 二、HTML与XHTML 类似于C与C++语言的关系,具体可参见《HTML5重构互联网:浏览器将部分替代操作系统》。 三、DOCTYP…
-
CSS选择器练习总结



练习一: 1、类选择器使用练习: 类选择器使用示例 .red { color:red; font-size:12px; } .blue { color:blue; font-size:20px; } 无类选择器效果 类选择器red效果 类选择器blue效果 同一个类别选择器可以使用到另外的标记上 2…
-
详解CSS继承特性和层叠特性
一、继承特性: 1、学过Java和C++的都注意到,属于父亲的protected字段或方法肯定会被孩子所继承,而CSS也具备此特性,看下面的例子: CSS 以上就是详解CSS继承特性和…
-
详解CSS盒子距离计算
一、看如下例子: (1)HTML部分内容 复仇时刻 莫罗请求布雷斯把小孩丹尼带来神殿以避免恶魔夺取他的灵魂,作为回报他将驱除布雷斯身上的诅咒。 源代码 科尔突然惊醒发生自己在一辆高速行驶的列车上,他的身边坐着一个素不相识的女子正在与自己讲话。 (2)CSS内容ul{ backgroud:#ddd; …
-
css背景图根据屏幕大小自动缩放
css背景图根据屏幕大小自动缩放 代码: html,body{margin:0px;padding:0px;}#background { position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;backgrou…
-
详解Css常用操作分类方法
这篇文章主要为大家详解css常用操作分类方法,感兴趣的小伙伴们可以参考一下 一、尺寸操作 height 设置元素高度 line-height 设置行高 .p1{ width: 400px; line-height: normal;} .p2{ width: 400px; …