
Css
drinkingcode
分享好玩科技,探索未知世界
展开
-
关于css的标准盒子模型
I. 标准盒子模型包括四个部分II. 标准盒子模型的代码示例如下: 盒子模型div{ width:100px; /*在标准盒子模型中,这个是指content的宽度*/ height:100px; /*在标准盒子模型中,这个是指content的高度*/ border:1px solid原创 2015-10-10 12:57:00 · 739 阅读 · 0 评论 -
css的扩展选择器
代码示例如下: 扩展选择器 /*扩展选择器:a.组合选择器:用逗号隔开多个选择器b.关联选择器(后代选择器):用空格隔开c.伪类选择器:c.1 静态伪类::link,:visited,只能用于超链接 link表示点击之前的颜色,visited表示点击之后的颜色c.2 动态伪类:适用于各种标签:onfocus 控件获得焦点:ac原创 2015-10-10 10:58:24 · 445 阅读 · 0 评论 -
关于css的背景和列表属性
背景属性的代码示例如下:====================================== 背景属性 /* */ body{background-image:url(images/2.gif) ; /*背景图片*/background-repeat:no-repeat; /*no-rep原创 2015-10-10 10:58:40 · 357 阅读 · 0 评论 -
css与html的结合方式
代码示例如下:================================================ Document /* CSS和HTML的结合方式: 1. 行级样式表: 采用style属性完成 2. 内部样式表: 采用style标签完成 3. 外部样式表: 采用外部css文件原创 2015-10-10 10:58:14 · 474 阅读 · 0 评论 -
css的基本选择器
代码示例如下:=========================================== Document/*选择器: 1. 基本选择器a. 标签选择器: 就是选择了页面上一类标签b. 类选择器: 规定用圆点. 来定义c. ID选择器: 规定用#来定义 : 正对特定的一个标签用d. 通用选择器原创 2015-10-10 10:58:17 · 559 阅读 · 0 评论 -
关于css中的样式表冲突
代码示例如下: 样式表的冲突的解决/*1.行级 > 内部 > 外部2.id > 类选择器 > 标签选择器 外部样式表中俄id选择器 > 内部样式表的标签选择器原则: 就近原则 (当有多个外部选择器时,对于外部选择器,就近是指引入的哪个靠后,当有多个类选择器时,对于类选择器,是指定义的哪个靠后)*/原创 2015-10-10 10:58:30 · 764 阅读 · 0 评论 -
关于css的float,overflow及z-index属性
I.关于float代码示例一如下:======================================== float属性,overflow,z-index属性 div{width:200px;height:100px;/*float:left;*/}#d{background-co原创 2015-10-10 10:58:45 · 2798 阅读 · 0 评论 -
关于css的定位属性
代码示例一如下:=================================== 定位属性/*position: a. 绝对定位:原点在父容器的左上角 b. 相对定位:相对于自己原来默认的位置(左上角为原点) 顺序流:所有的标签初始排列顺序就称为顺序流。 两种情况控件脱离了顺序流:原创 2015-10-10 10:58:42 · 469 阅读 · 0 评论