学了这么久,其实都是在学css3 html5 然后js很薄弱,趁着有时间,更一个新手不懂的,且很好用的css。 行内快的padding在html布局中很常用,但是你知道父级的padding 子级可以通过margin 抵消掉吗?通过这种应用我们可以做到很多事情。 显示效果: 常用案例: 只试用盒模型布 ...
分类:
Web程序 时间:
2019-04-15 11:43:07
阅读次数:
565
在Html布局中,双飞翼布局是不可缺少的一部分,它是最完善的三列布局。很好的做到了以下三点。 1.两边固定,当中自适应 2.当中列完整显示 3.当中列要优先加载 双飞翼布局的核心是,依靠width百分比的特性。相比较使用定位和浮动,双飞翼布局就要优雅的多,不会影响到其他盒子的位置。当中一列用一个盒子 ...
分类:
其他好文 时间:
2018-12-18 13:55:53
阅读次数:
172
前端阶段课程介绍1~4:HTML及CSS5~6:JavaScript7~10:jQuery00-知识点预习1、HTML基本结构2、HTML的常用标签3、HTML布局入门4、CSS概述5、CSS书写方式6、CSS常用选择器7、CSS常用属性01-什么是HTML?HTML是用来描述网页的一种语言。HTML指的是超文本标记语言:HyperTextMarkupLanguageHTML不是一种编程语言,而是
分类:
编程语言 时间:
2018-12-05 18:38:47
阅读次数:
288
转自: https://www.cnblogs.com/LIUYANZUO/p/5679753.html 仅用于个人收藏学习,侵删 轮播图的原理: 一系列的大小相等的图片平铺,利用CSS布局只显示一张图片,其余隐藏。通过计算偏移量利用定时器实现自动播放,或通过手动点击事件切换图片。 Html布局 首 ...
分类:
Web程序 时间:
2018-12-01 18:27:23
阅读次数:
253
网站常常以多列显示内容(就像杂志和报纸)。 1、使用 <div> 元素的 HTML 布局 注释:<div> 元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位。 这个例子使用了四个 <div> 元素来创建多列布局: test.html代码: csstest1.css代码: 输出结果: 2、 ...
分类:
Web程序 时间:
2018-10-13 19:55:08
阅读次数:
178
原生JS-旋转木马 今天写一个原生JS写的旋转木马JS效果。 实现原理: 1.建立一个数组给每一张图片写对应的z-index,opacity,top,width; 2.实现旋转的操作是把建造的数组里面的第一组值放到最后一组,点下按钮就执行一次。 显示效果图: html布局: css样式: JS部分: ...
分类:
Web程序 时间:
2018-08-22 14:07:09
阅读次数:
236
注:框架标签不可以放到<body>,一般为了代码的可读性,会到<head>和<body>之间。 例: <frameset rows="10%,*"> <frame src="1.html" name="top" /> <frameset cols="30%,*"> <frame src="2.htm ...
分类:
其他好文 时间:
2018-08-07 23:58:57
阅读次数:
323
在body里面放置两个盒子,里面盒子设置margin-top,外层盒子生效?在里面盒子上面加一个块元素,设置高度 表单 form action="地址" method="get/post" input type:text password button checkbox radio reset su ...
分类:
Web程序 时间:
2018-07-20 21:42:39
阅读次数:
1936
使用 CSS 最大的好处是,如果把 CSS 代码存放到外部样式表中,那么站点会更易于维护。通过编辑单一的文件,就可以改变所有页面的布局。 网页布局对改善网站的外观非常重要。 请慎重设计您的网页布局。 <body> <div id="container" style="width:500px"> <d ...
分类:
Web程序 时间:
2018-06-25 01:20:34
阅读次数:
219