WEB/network front end
ROOOOOOM
room
展开
-
script标签的位置及JavaScript中DOM文档的异步加载以及带来的问题
script 中js用document.documentElement加载DOM文档时是按照代码顺序加载的,但如果script写在前面,加载时DOM还不完整,所以就要把script标签放在最后面或者用异步加载<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...原创 2019-07-15 15:57:35 · 379 阅读 · 0 评论 -
JavaScript中的NaN
var b1 = 'one'; var b2 = 'two'; console.log(b1*b2); //NaN not a number console.log(typeof(b1*b2)); //number原创 2019-07-15 14:21:31 · 229 阅读 · 0 评论 -
es6的模块字符串
// * tab键上面的反引号 `` 添加变量使用${变量名}*// var str = `JavaScript是运行在${varname1}的脚步语言,JavaScript主要解决的是前端与${varname2}交互的问题,包括使用交互与数据交互。 JavaScript是浏览器解释执行的`;...原创 2019-07-15 14:16:26 · 511 阅读 · 0 评论 -
pycharm新建Django项目与Django网站的新建
用manage.py 快速创建网站所有环境:(对django来讲所有的网站都是app)python manage.py startapp django_web#django_web是你的网站名原创 2019-05-03 13:52:53 · 376 阅读 · 0 评论 -
css盒子模型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>box</title> <style type="text/css"> .box{ width:200px; height:100px; bac...原创 2019-05-08 20:20:56 · 156 阅读 · 0 评论 -
css 页面布局之子绝父相中让绝对定位的盒子居中
方法概述:left:50%;margin-left:- 子盒子(子绝父相)宽度的一半<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding...原创 2019-07-15 09:40:38 · 1565 阅读 · 0 评论 -
css 页面布局定位之子绝父相
页面整体布局用的大盒子的水平并排用浮动,小盒子的定位用绝对定位,子绝父相用的比较多<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding: 0...原创 2019-07-15 09:29:35 · 607 阅读 · 0 评论 -
w3c web 知识树思维导图
https://www.processon.com/view/link/57d28d0ee4b0942d7a89c9dd#map转载 2019-07-15 07:18:40 · 499 阅读 · 0 评论 -
MIME 文件标准
各种文件要想用HTTP协议传输,就要遵守MIME文件标准eg:<style type="text/css"> h2{ color: blue; } </style>text是css的父类型w3c MIME参考手册:http://www.w3school.com.cn/...原创 2019-07-11 12:58:55 · 502 阅读 · 0 评论 -
meta SEO(给搜索引擎看的meta标签 name keywords)
<!-- 你挂载到域名上才有用 --> <meta name="keywords" content="游戏,音乐,体育">原创 2019-07-11 13:21:00 · 1938 阅读 · 0 评论 -
HTML中不要把javascript同时引入与定义
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" scr="f1.js"> var x=f1(); Document...原创 2019-09-11 14:01:06 · 123 阅读 · 1 评论 -
html标签嵌套
行内标签不可以嵌套块级标签,但不是绝对。(通过一些属性可以把行内标签转为块标签)块标签嵌套块标签、行内标签。但是p标签中的子标签只能是行内元素、表单元素、图片...原创 2019-07-12 16:52:59 · 163 阅读 · 0 评论 -
修改csdn博客皮肤
https://blog.csdn.net/qq_37142340/article/details/80696318转载 2019-07-12 15:22:39 · 148 阅读 · 0 评论 -
布局之前重置标签自带样式的reset css 模板
布局之前先重置各个标签自带样式:但不要用通配符选择器(虽然也能达到目的但消耗太大, 有些不需要样式去除的标签也被选了)eg:*{ padding: 0; margin: 0; }应用一些网站总结好的reset css模板:eg:https://meyerweb.com/eric/tools/css/reset/该模板用的组合选择器/* http://meyer...原创 2019-07-12 15:07:51 · 291 阅读 · 0 评论 -
HTML中除了语义什么都没有------HTML入门
html中的标签是很语义化的html中的标签分为:1.行内标签(1)在一行内显示 span strong em i del a(2)不能设置宽高 默认的宽和高 是内容填充2.行内块标签 img input(1) 在一行内显示(2) 可以设置宽高3.块级标签 div p h1~h6 ul li都是块(1)独占一行(2)可以设置宽高,如果不设置宽和高,默认的宽是父亲的10...原创 2019-07-12 13:47:27 · 288 阅读 · 0 评论 -
HTML lang标签与谷歌浏览器翻译
<html lang="en">不写lang就不会触发:原创 2019-07-12 13:14:04 · 1578 阅读 · 0 评论 -
JavaScript 点击事件的 helloword
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 200px; height: 200px; background-col...原创 2019-07-15 19:22:01 · 154 阅读 · 0 评论 -
异步队列
原创 2019-07-11 13:39:39 · 143 阅读 · 0 评论 -
css让浮动的盒子水平居中
给浮动的盒子加一个父盒子,设置宽度跟浮动盒子一样大小,并且overflow:hidden; 设置该盒子为margin: 0 auto;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style>...原创 2019-07-14 18:44:59 · 5558 阅读 · 1 评论 -
css padding margin的属性设置
.box{ width: 200px; height: 200px; background-color: red; /*上下左右*/ padding: 10px; /*上下 左右*/ padding: 20px 30px; /*上 左右 下*/ padding: 20px 30px 40px; /*顺时针 上右下左*/ pad...原创 2019-07-14 18:28:10 · 343 阅读 · 0 评论 -
iconfont阿里巴巴矢量图标库的简单使用示例
查看文档在项目中使用:unicode的方式优点比较多这些图标都是unicode字符可以用 font-size设置大小unicode引用unicode是字体在网页端最原始的应用方式,特点是: 兼容性最好,支持ie6+,及所有现代浏览器。 支持按字体的方式去动态调整图标大小,颜色等等。 但是因为是字体,所以不支持多色。只能使用平台里单色的图标...原创 2019-07-14 16:18:55 · 848 阅读 · 0 评论 -
css伪元素选择器
/*伪元素选择器与后面的布局有很大关系*/<style> /* 首字母大写 */ p:first-letter{ color: red; font-size: 26px; } /*用伪元素 属性一定是content*/ /*在p之前添加$*/ p:before{ content: '$' } ...原创 2019-07-13 07:46:34 · 287 阅读 · 0 评论 -
css把行内元素转成块级并且不再页面中占空间解决方案
.box{ /*需求:由行内元素span转成块级元素 并且不再页面中占位置。未来与布局有很大关系 */ /*隐藏元素 不占位置(但没转成块)*/ /*display: none;*/ display: block; /*隐藏元素 占位置把span转为块*/ visibility: hidden; /*并且不再页面中占...原创 2019-07-13 07:43:15 · 879 阅读 · 0 评论 -
网页中没有奇数字体
https://blog.csdn.net/jian_xi/article/details/79346477转载 2019-07-13 07:34:33 · 288 阅读 · 0 评论 -
css伪类选择器分别在前端与python爬虫中的使用
css伪类选择器在前端中的使用:伪类选择器:LoVe HAte只有a标签符合爱恨原则(四个伪要按照顺序写)a:link 没有被访问的La:visited 访问过后的Va:hover 鼠标悬停的时候Ha:active 摁住的时候A<!DOCTYPE html><html lang="en"><head> <me...原创 2019-07-12 21:52:07 · 465 阅读 · 0 评论 -
css伪类选择器实现颜色的display动态改变(css的强大)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <style> .child{ display: none; } ...原创 2019-07-12 21:24:47 · 2374 阅读 · 0 评论 -
sublime css快捷键
1.bgc(css自带快捷键,subline不用安装插件)background-color: #fff;原创 2019-07-12 20:42:49 · 405 阅读 · 0 评论 -
前端初级---------父元素显示溢出的子元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>元素溢出</title> <style type="text/css"> .con{ width:500px; height:300px; bo...原创 2019-05-08 20:42:18 · 1195 阅读 · 0 评论 -
Emmet 语法(HTML---subline快捷键)
注释和python一样ctrl +/待续原创 2019-05-03 22:14:27 · 336 阅读 · 0 评论 -
css的继承性和层叠性
继承性:color、text-xxx、font-xxx、line-xxx的属性是可以继承下来。盒模型的属性是不可以继承下来的 .box p{ color: green; font-size: 30px; line-height: 30px; background-color: yellow; /* 左右对齐 *...原创 2019-07-13 09:01:40 · 170 阅读 · 0 评论 -
span与span标签之间的换行空白折叠现象
<body> <span class="s1">index</span><span class="s2">xiaoxiao</span> </body>挨着写就没空白了原创 2019-07-13 13:13:45 · 2434 阅读 · 0 评论 -
关于谷歌开发者工具
原创 2019-07-14 15:30:08 · 219 阅读 · 0 评论 -
页面布局标准文档流下margin的'塌陷问题'
margin的水平不会出现任何问题垂直方向上 如果上下两个块都恰好设置了相邻的边界margin就会出现显示结果与设置像素不符的’塌陷问题’但只需单方设置就没问题了...原创 2019-07-14 14:45:32 · 179 阅读 · 0 评论 -
css 非标准文档流之使用浮动实现块元素并排以及带来的问题解决
子盒子浮动后就不在占用空间父盒子里没东西就会坍塌,父盒子下面的盒子就会顶上去占据父盒子位置:以下几种解决方案根据具体情况选择:方案一固定父盒子大小(适用于长时间无需改动的div,否则后期不好维护):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl...原创 2019-07-14 14:26:44 · 246 阅读 · 0 评论 -
浮动的父子或兄弟之间互不影响------BFC属性(非标准文档流)
在进行盒子元素布局的时候,BFC提供了一个环境,在这个环境中按照一定规则进行布局不会影响到其它环境中的布局。比如浮动元素会形成BFC,浮动元素内部子元素的主要受该浮动元素影响,两个浮动元素之间是互不影响的参考:https://blog.csdn.net/riddle1981/article/details/52126522...原创 2019-07-14 13:59:10 · 263 阅读 · 0 评论 -
css选择器层叠样式的三种引入方式
css层叠之意即覆盖行内样式:(元素内嵌样式)标签的style属性中添加样式注意:行内样式的优先级是最高的但这样做不仅需要逐个元素设好样式,而且软件更新时还不得不逐个元素仔细搞好样式调整,不利于后期维护很容易出错内接样式(文档内嵌样式):(太low基本不用, 会使网页源码混乱度增加, 即eg:/*用css选择器在style中设置样式*/ span{ color: gree...原创 2019-07-14 13:11:44 · 827 阅读 · 0 评论 -
html关于非全局属性type
首先你需要知道什么是MIME 文件标准:https://blog.csdn.net/qq_41228218/article/details/95467208type属性在HTML4中不支持但在html5 中又得以恢复type属性可以用来将所定义的样式类型告诉浏览器 但是浏览器支持的样式机制只有css 种,所以这个属性值总是text/css在...原创 2019-07-14 13:04:41 · 217 阅读 · 0 评论 -
关于css像素单位px的定义
CSS像素被w3c定义为相对单位,结果却被浏览器当成绝对单位原创 2019-07-14 10:41:37 · 705 阅读 · 0 评论 -
html5 权威指南源码(The Dedfinitive Guide to HTML5)
https://github.com/apress/def-guide-to-html5原创 2019-07-14 09:04:04 · 803 阅读 · 0 评论 -
sublime text3HTML快捷键配置
ctrl shif P输入Install Package选中:点击后会自动安装:在中有package control后重启重启后subline会自动联网安装PyV8几秒后安装完成:!+tab:html:xt+tab:原创 2019-05-03 18:19:05 · 588 阅读 · 0 评论