- 博客(17)
- 收藏
- 关注
RSS订阅原创 Javascript小知识点
一，JS的代码书写放在两个位置1：页面内的script标签内 2： 外部的JS文件中script标签的书写位置1: head标签里（此时一定要将代码放入window.onload） 2： body的末尾二，JS是一门弱类型语言，指的是在定义变量的时候，不需要指定类型。而且可以让变量先保存一个数字，再在程序运行的过程中，让该变量去保存其它类型的数据。数据类型：基本数据类型(原始数...
2019-12-31 11:07:53
150
原创 浏览器的兼容
一、主流浏览器（常用浏览器）Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、傲游二、浏览器内核*Trident: IE、Maxthon(遨游)、腾讯 、Theworld世界之窗、360浏览器代表作品IE,因为IE捆绑在Windows中，所以占有极高的市场份额，又称IE内核或是MSHTML，此...
2019-12-25 14:37:25
372
2
原创 CSS Sprites的原理 （图像整合技术）
图像整合把一些有规律的小图标整合在一张图片上，利用背景图片的可移动性background-position去使用的技术优点： 减少图像的体积，减少向服务器的 请求次数减少网络带宽的占有提高网页加载速度提高用户体验度...
2019-12-25 08:56:27
339
1
原创 布局
一，媒体查询（响应式布局）通过媒体查询设置不同的设备或尺寸（设置不同的断点）添加对应的样式布局效果，使用媒体查询功能大于等于min-width时应用对应css效果@media only screen and (min-width:300px){ body{ background:#ff0; }}大于等于min-width，小于等于max-width时，应用对应css效果@m...
2019-12-23 09:11:46
235
原创 弹性盒
弹性父元素将元素设置为弹性盒，子元素自左向右排列 display:flex;弹性子元素的排列方式flex-direction:row默认，自左往右flex-direction:column;自上往下flex-direction:column-reverse自上而下翻转flex-direction:row-reverse自左向右翻转如果子元素自左往右排列，此时主轴为x轴如果自上往下...
2019-12-20 11:24:22
226
原创 动画demo
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0;} div{ width:200px; height:200px; p...
2019-12-19 16:17:54
207
原创 动画
一，背景渐变.top{ width:200px; height:200px; background:-webkit-gradient{linear,0 0,100% 100%,from(#f00)to(#0ff); background:-moz-gradient{linear,left top,left bottom,from(#f00)to(#0ff);}线性渐变：backg...
2019-12-18 13:06:05
263
1
原创 CSS3新增
一，视频音频网页中支持的视频格式：mp4,ogg,webm 标签<video><video src="ocean.mp4" width="300" controls poster="icon.gif" autoplay muted="muted" loop></video>控制台 ，起始时的背景图片，自动播放，静音，循环播放谷歌不支持快进功能，火狐支...
2019-12-17 10:54:47
262
原创 HTML5新增
一，语法标签，单标签，不允许写结束的标签二，新增结构性标签（有意义的div）<header></header><nav></nav><section></section><main></main><footer></footer><artical&g...
2019-12-16 14:53:06
155
原创 表单，表格的补充
一，表单补充表单字段集fieldset 。字段集标题legend。字段集标题要放在第一个位置。<style>fieldset{ border:none;/*改变fieldset的边框*/}legend{ padding:100px;/*改变标题与边框的距离*/}</stlye><form action=""> <fieldset...
2019-12-16 09:28:39
205
原创 布局
一，两栏布局div1{ float:left;}div2{ overflow:hidden;}二，三栏布局（双飞翼布局，圣杯布局）左右固定，中间自适应先写左，再写右，最后写中间<div class="left"></div><div class="right"></div><div class="center"&...
2019-12-13 14:13:44
139
原创 HTML,CSS易错题总结
1.阅读下面HTML代码，段落标签<p>内文本最终显示的颜色是 <style type="text/css"> body { color:#333; } #text{ color:#666; } .content { color:#00f; } .gray { color:#f00; } </style&...
2019-12-12 11:25:12
2312
原创 HTML和CSS中的小问题
一，a标签的特殊性二，margin-top不能正常显示的解决方法1，给父元素添加border,但会撑大父元素的总体宽高2，给父元素添加padding3，给父元素添加float，会破坏正常文档流，margin:0不生效4，给父元素添加overflow:hidden（子元素被裁减）5，给元素本身写float三，link与import的不同link是html提供，可以引用css文件还可以...
2019-12-09 13:56:04
348
1
原创 CSS选择器总结
CSS有两部分组成：选择器和声明（属性和属性值）选择器｛属性： 属性值｝1. 标签选择器html标签｛属性：属性值｝2. ID选择器#ID名称｛属性：属性值｝3. 类选择器.CLASS名称｛属性：属性值｝4. 通配符选择器重置网页样式例如，*{margin:0;padding:0;}5. 群组选择器p,h1,h2{ color:#f00;}p,h1,#top,.n...
2019-12-05 09:16:14
144
1
原创 谈一谈我遇到的居中问题
1.div的居中（安全区）给div一个宽度，然后左右外边距为 autowidth:1000px;margin:0 auto;2.文字的居中垂直居中:height:30px;line-height:30px;水平居中：text-align:center3.文字在图片的中间把此元素放置在父元素的中部:vertical-align:middle;...
2019-12-04 20:23:38
160
1
原创 关于HTML和CSS的需要注意的小细节
Web组成：结构（HTML、XHTML） 表现（css） 行为（js）<!DOCTYPE>声明文档类型，DOCument TYPE如果出现乱码，一定是编码格式 <meta charset =“utf-8”>出错URL统一资源定位符包括协议，域名，端口号，路径单标签有结束的反斜杠指的是XHTML，没有的是HTML常用的布局标签：Div 网页模块Span 网页中的...
2019-12-04 11:38:54
265
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人