- 博客(42)
- 收藏
- 关注
RSS订阅转载 JavaScript热身练习1
把某个元素移出你的视线：1.display：none；（显示为无，不占地）2.visibility：hidden；（隐藏，占地）3.宽或者高设置为零4.透明度设置5.left/top （定位，移除元素之外）6.用一个白色的div盖住它7.margin负值...........12种以上？（这些都是属于css） 写JS的步骤：1.先实现布...
2017-06-18 21:58:00
127
转载 bootstrap全局样式二
加form-grope是为了以后更好的管理，一组form写一个form-grope显示如下：并排显示的话，给用户名前面再加一个div,再加horizontal，如下，并且加上control-label，更好的居中显示：显示如下：禁用：大一些的显示如下：正常的：显示如下：小一些的：显示如下：...
2017-02-09 18:55:00
119
转载 bootstrap全局样式
内联子标题：显示如下：主体副本：显示如下：对齐类：显示如下：强调类：显示如下：缩略语：地址：表格：加一个class：“table-striped”js里面的奇数偶数行（odd）显示如下：table-bordered：显示：...
2017-02-08 10:53:00
128
转载 CSS雪碧图
例子：自己的练习：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{padding: 0px; border: 0px;} ul{...
2017-01-26 16:46:00
82
转载 字体图标（比背景图片方便节约资源）
引入的时候注意优先级：（如果没有改变样式，可能是优先级不够，要加class）转载于:https://www.cnblogs.com/1111duguxiaoyu/p/6351531.html
2017-01-26 13:23:00
160
转载 CSS多列、用户界面属性
CSS多列常用属性：column-count 分几列column-gap 列间距column-rule 列分割线的样式（写法和border一样）例如：一个div分三列，列之间间距为10px，分割线为（可以不设置）5像素红色实线这样写<style> div{column-count:3; column-gap:10px; ...
2017-01-16 20:27:00
77
转载 CSS3动画
动画animation@keframes规则如需在CSS3中引入动画，需要学习@keyframes规则，@keyframes规则用于创建动画，在@keyframes中规定某项CSS样式，就能创建出当前样式逐渐改变为新样式的动画效果。 animation至少包含两个属性： 1.规定动画的名称 2.规定动画的时长写好规则，再使用animation属性来应用到某个...
2017-01-05 08:08:00
73
转载 css3 transfrom变换
Transform 转换 CSS3中的转换允许我们对元素进行旋转、缩放、移动或倾斜，它分为2D转换 或3D转换 在CSS2时代，如果要做一些图片转换角度，都依赖于图片、flash或JavaScript才能完成，但是现在借助CSS3就可以轻松控制倾斜、缩放、以及翻转元素。通过CSS变形，可以让元素生成静态视觉效果，但也可以横容易结合CSS3的transform和动画的keyfr...
2017-01-03 16:42:00
155
转载 字体引入（改变字体）
格式:写在样式表中@font-face{font-family:给字体随便起个名字；src:URL；}URL是字体存放路径然后给字体改样式时直接把你定义的写进去就行了转载于:https://www.cnblogs.com/1111duguxiaoyu/p/6237929.html...
2016-12-30 18:29:00
119
转载 css3过渡
语法格式：transition：属性名 完成时间 速度曲线 何时开始transition：width 2s ease-in 3s；width2s 整个过渡效果持续的时间ease-in 指定了过渡的动画效果3s 过3s后开始执行过渡效果*以上几个值只有过渡持续时间不可省略转载于:https://www.cnblogs.com/1111duguxia...
2016-12-29 19:27:00
74
转载 css3圆角（还有百分比设置椭圆） 阴影 字体
一、现在前面只写知识点，全部内容放在后面截图展示：给元素添加圆角：border-radius属性，他的值如果等于高的一半，将会等到一个圆形，大于一半叶然是一个圆形radius是指半径，他求出圆在矩形上的切面。border-radius可以设置4个方向的值。二、box-shadow为元素添加阴影书写格式：box-shadow：水平阴影的位置 垂直阴影的位...
2016-12-29 12:15:00
464
转载 伸缩盒子模型，旧的伸缩盒子模型。浏览器内核、css继承属性
转载于:https://www.cnblogs.com/1111duguxiaoyu/p/6229174.html
2016-12-28 13:46:00
86
转载 怪异盒子模型
老的ie浏览器的文档不加DOCTYPE声明他会把边框和内边距都算作元素的宽和高（即元素的宽和高包含了内边距和边框）转载于:https://www.cnblogs.com/1111duguxiaoyu/p/6229159.html...
2016-12-28 13:42:00
108
转载 大街网练习
做这部分：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <...
2016-12-27 13:36:00
89
转载 盒子模型练习（重要）
练习题：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css"/...
2016-12-25 20:57:00
552
转载 css盒子模型 padding
注意：行内元素的内边距的top和bottom是不起作用的，想让他起作用要让他变成块元素加：display：bloock注意：如果元素设置了背景，那么背景会填充到内容区+内边距区利用padding设置导航条练习：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8...
2016-12-25 11:46:00
64
转载 京东定位实例
此例中：1.ul li a{display：block}用block是因为不把它变成块元素是不显示背景的，2.border-radius：50% ：radius，就是半径的意思，用这个属性可以做出圆角效果，也可以做出圆形效果。当元素的width和height相等，border-radius：50%时，就是圆形了。其他相关属性：border-top-right-radiu...
2016-12-22 22:49:00
272
转载 z-index、display、selector选择器优先级css优先级面试用到
z-index：控制元素叠放顺序，哪个z-index数值越大，那个优先被叠放在上面。 relative、absolute、fixed这三种情况可以使用z-index。 static不可以使用。display属性： 常见属性值：1.none；隐藏对象（对象完全消失于文档流）而opacity：0；（透明度）完全透明，hidden也是隐藏，但是还留有位置。2.inline；指定对象为内联元...
2016-12-22 20:11:00
255
转载 position 定位
position属性是指本体相对于上级的定位，position又分绝对定位和相对定位。他的默认值是static，意味着元素没有被定位，出现在文档流中应该出现的位置。如果用position来布局页面，父元素的position属性必须为relative或absolute。行元素加了 position：absolute 后可设置宽和高（加了float和fixed也可以设置宽和高）。常见属性...
2016-12-21 13:01:00
112
转载 css浮动（folat），清除浮动（clear）（另加两种清除浮动方式，总共三种清除浮动方式）...
css浮动（float） float是css样式，用于设置标签的居左浮动和居右浮动，浮动后的元素不属于html文档流，需要用清除浮动把文档拽回到文档流中浮动值： left：向左浮动 right：向右浮动html文档流：自窗体自上而下分成一行一行，并在没行中从左到右的顺序排放元素。 通过例子来解释浮动1.页面上有两个块元素，每个块元素独占一行2.我们...
2016-12-20 22:45:00
235
转载 css伪元素选择器（伪对象选择器）checked + 伪元素练习
伪对象也叫伪元素，在过去，伪类和伪元素都被书写成前面只加一个冒号，实际上应该是： ：weilei ：：伪元素 而现在我们为了兼容旧的书写方式，用一个冒号引导伪类也是能被解析的。 伪类一般反应无法在CSS中轻松或者可靠检测到的某个元素的 状态或属性 ； 伪元素表示DOM外部的某种 文档结构 。 伪类更多的是定义元素的状态，而伪元素则是改变文档结构，在结构外另加一个没有实...
2016-12-20 18:48:00
752
转载 css伪类选择器
伪类通过冒号来定义，他定义了元素的状态，如点击按下、点击完成等等。我们之前都是直接操作元素的样式现在可以为元素的状态改变样式，使元素看上去更“动态”。 伪类选择器：1.E：link2.E：visited3.E：hover4.E：active5.E：not（）6.E：first-child7.E：last-child8.E：only-child9.E：empty10.E：che...
2016-12-20 17:53:00
82
转载 css关系选择器
1.包含选择符（E F） 选择所有被E元素包含的F元素，中间用空格隔开示例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul li{color: red;}...
2016-12-20 17:52:00
158
转载 css属性选择器
1.E[att] 选择具有attr属性的E元素。2.E[att="val"] 选择具有att属性且属性值等于val的E元素3.E[att~="val"] 选择具有att属性的元素，且元素值列表中有一个符合val的元素4.E[att^="val"] 选择E元素中有att属性，且以val开头的元素。5.E[att$="val"] 选择E元素中有att属性，且以val结尾的元素...
2016-12-20 17:51:00
82
转载 xampp搭建服务器环境、html5新的input类型
怎么让别人看见你写的先把你的文档放入htdocs里面再输入网址：http://你的IP地址/文件名就ok了例如我的HTML5中的input类型： <input>标签规定用户可输入数据的类型。根据不同的type 属性，输入类型有多种形态，输入字段可以使文本字段、复选框。密码字段、单选按钮、按钮等等。html5为我们提供了...
2016-12-07 19:08:00
92
转载 表单表格练习
做出上面的表格：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 align="center">欢迎注册尚学堂成员</h1&g...
2016-12-07 13:07:00
138
转载 表单下拉列表、多行文本、隐藏域
<select>下拉框 用于定义一个下拉列表，select元素中的option标签用于定义列表在的可选项。 属性：disabled=“disabled”规定禁用该下拉列表（也可以在其他地方使用，该内容就会被禁用）name 规定下拉列表的名称（一般后台人员会给你）size 规定下拉列表中可选项的数目（显示几行，一般只显示一行）selected 默...
2016-12-07 13:04:00
193
转载 表单_post提交方式和get的区别，元素集
提交方式及表单域的name属性 使用form表单一种是post提交方式，一种是get提交方式，它们以method属性来定义，如果没有指定method属性，默认get方式提交。表单域必须配合name属性才可以将数据提交到服务器post方式与get方式的区别：一、安全性 get方式不安全，以URL方式进行提交。（密码会显示在地址栏） post以请求实体提交，...
2016-12-06 13:03:00
167
转载 表单form的属性，单行文本框、密码框、单选多选按钮
基础表单结构：<body> <h1> <hr /> <form action="" name="myFrom" enctype="multipart/form-data > <input type="text" name="unname" /><br/> <input ...
2016-12-06 11:05:00
1526
转载 表格练习题
行元素和块元素的display属性是不同的:display:block;(块)display:inline;(行)两者可以转换，想让块元素以行来显示例子：ul {display：inline；}以下练习会用到练习一：<!DOCTYPE html><html> <head> <meta charset="UTF-8">...
2016-12-05 11:41:00
153
转载 网页制作图片格式有哪些
图片分为矢量图与位图 矢量图是放大缩小不会失真的图形，如svg画出的图 位图又叫像素图，好比一幅大的拼图，每一块就是一个像素点，我们在web也Ian中所使用的JPG，PNG，GIF格式的图像都是位图 png最常见的一种格式，目的是替代GIF和TIFF文件格式。特性：体积小，网络通讯中受带宽限制，在保证图片质量好的前提下，png是最佳选择。支持透明效果，png图...
2016-12-05 11:11:00
220
转载 table表格
表格是一种组织整理的数据的手段，在div布局还未流行是，也用来布局，一个表格包含了表格整体、表格头部。每个表格均有若干行，每行被分为若干单元格。 在HTML中表格使用table标签来定义，行由<tr>标签定义,单元格由<td>标签定义，字母td指表格数据（table data），即数据单元格的的内容，另外还有th代表了表格的表头，表格可以包含文本、图片、...
2016-12-04 19:38:00
121
转载 常见页面布局方式（三种框架集）
frameset框架集Frameset标签可定义一个框架集，它用来组织多个窗口（框架），每个框架有独立的html文档，在有frameset时，不可以同时存在body标签，他和body标签是同级的。多个框架组成了一个框架集1 框架集标签（frameset）定义了如何将窗口分割为框架2 每个frameset 定义了一系列行或列3 rows、columns的值规定了每行或每...
2016-12-04 17:54:00
1663
转载 学习标签属性3
img标签向网页中嵌入一幅图像，<img>标签有两个必须的属性：src和alt属性。alt属性：如果无法显示图像，浏览器将显示替代文本。src属性：它的值是图像文件的URL，也就是引用该图像的绝对路径或相对路径。title属性：鼠标放置时显示的文字width属性：设置图像的宽height属性：设置图像的高border属性：定义边align属性：它有...
2016-12-04 09:48:00
110
转载 学习标签属性2
格式标签<address>标签定义文档或文档的作者联系信息，定义在body内则表示文档练习信息，这个标签是带有语义的即我们看到a标签，不能直观上知道他是一个超链接，但是address通过翻译能明白这是定义联系信息，这就是予语义化的好处，他以斜体显示。<address>...</address><b>标签定义粗体文字，但这些带样式的文...
2016-12-02 19:22:00
62
转载 学习标签属性1
link标签是引入一个样式表，定义文档与外部资源的关系，最常见的用途是链接样式书写格式：<link rel="stylesheet" type="text/css" href="/html/csstest1.css">rel="stylesheet"rel是relationship的缩写，关系的意思，他描述了这个link标签引入的资源与当前文件的关系，styles...
2016-12-02 18:31:00
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人