CSS Javascript
文章平均质量分 67
toshibabajun
这个作者很懒,什么都没留下…
展开
-
10定位
/*css的定位: 相对定位: 相对定位是相对于元素原本的位置进行移动的。 使用方式: position:relative; 绝对定位: 绝对定位是相对于整个页面而言。 position:absolute; top:200px; left:380px; 固定定位: position:fixed; /* 固定定位: 固定定位是相对于整个浏览器而已的。 top:380px;原创 2018-01-17 22:58:53 · 134 阅读 · 0 评论 -
8盒子模型
/* 盒子模型: 盒子模型就是把一个html边框比作成了一个盒子的边框,盒子模型要做用于操作数据与边框之间的距离或者 是边框与边框之间的距离。 盒子模型主要是用于操作内边距(padding)与外边距(margin) */ div{ border-style:solid; width:100px; height:100px; /* 内边距 */ padding-left:10px;原创 2018-01-17 22:57:26 · 172 阅读 · 0 评论 -
1CSS
html 在一个网页中负责的事情是一个页面的结构 css(层叠样式表) 在一个网页中主要负责了页面的数据样式。 编写css代码的方式: 第一种: 在style标签中编写css代码。 只能用于本页面中,复用性不强。 格式 : 编写css的代码。原创 2018-01-17 22:50:21 · 103 阅读 · 0 评论 -
2.选择器
/*选择器: 选择器的作用就是找到对应的数据进行样式化。 *1.标签选择器: 就是找到所有指定的标签进行样式化。 格式: 标签名{ 样式1;样式2.... } 例子: div{ color:#F00; font-size:24px; } *2. 类选择器: 使用类选择器首先要给html标签指定对应的class属性值。 格式: .class原创 2018-01-17 22:52:11 · 116 阅读 · 0 评论 -
3伪类选择器
/* 伪类选择器:伪类选择器就是对元素处于某种状态下进行样式的。 注意: 1. a:hover 必须被置于 a:link 和 a:visited 之后 2. a:active 必须被置于 a:hover 之后*/ a:link{color:#F00} /* 没有被点击过---红色 */ a:visited{color:#0F0} /* 已经被访问过的样式---绿色 */ a:h原创 2018-01-17 22:53:13 · 1043 阅读 · 0 评论 -
4.伪类选择器的应用
无标题文档 table{ background-color:#CCC; border-collapse:collapse; border:3px; } tr:hover{ background-color:#06F; } 姓名 成绩 人品原创 2018-01-17 22:54:13 · 227 阅读 · 0 评论 -
5常用的CSS样式
/*操作背景的属性 */ body{ /*background-color:#CCC; 设置背景颜色*/ background-image:url(2.jpg); background-repeat:no-repeat; /* 设置背图片是否要重复 */ background-position:370px 100px; /* 设置背景图片的位置, 第一个参数是左上角的左边距, 第二个原创 2018-01-17 22:55:09 · 218 阅读 · 0 评论 -
6操作表的属性
table{ /*border-collapse:collapse; 合并表格的边框*/ border-spacing:20px; /* 设置单元格的边框与表格的边框距离*/ table-layout:fixed; }无标题文档 姓名 成绩 人品原创 2018-01-17 22:55:52 · 115 阅读 · 0 评论 -
7.操作边框的属性
/* div默认是没有边框呃。 */ div{ width:100px; height:100px; border-style:dotted solid double ; /* 设置边框的样式 上 右 下 左*/ border-color:#F00; border-bottom-color:#0FF; border-top-width:100px; }无标题文档 这个是第一个d原创 2018-01-17 22:56:47 · 135 阅读 · 0 评论 -
9盒子模型作业
.outer{ border-style:solid; width:370px; height:200px; margin-top:250px; margin-left:420px; background-image:url(../1.jpg); background-repeat:no-repeat; background-position:center; } .userNa原创 2018-01-17 22:58:17 · 396 阅读 · 0 评论 -
BOM DOM
1. BOM编程1.1. BOM编程基础 全称 Browser Object Model,浏览器对象模型。 JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的。 为了便于对浏览器的操作,javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器。1.2. BOM对象:1.3. window 对象原创 2018-01-19 00:14:13 · 286 阅读 · 0 评论