06 2018 档案
摘要:在页面中,我们可以在body标签中放入<script type=”text/javascript”></script>标签对儿 <script type=”text/javascript” src=“./index.js”></script> aler语句 alert(英文翻译为“警报”)的用途:弹
阅读全文
摘要:Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户
阅读全文
摘要:z-index 这个东西非常简单,它有四大特性,每个特性你记住了,页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁,数值大的压盖住数值小的, 只有定位了的元素,才能有z-index,也就是说,不管相对定位,绝对定位,固定定位,都可以使用z-index,而浮动元素不能使用z-ind
阅读全文
摘要:定位 定位有三种: 1.相对定位 2.绝对定位 3.固定定位 这三种定位,每一种都暗藏玄机,所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: to
阅读全文
摘要:先来讲讲颜色表示法 一共有三种:单词、rgb表示法、十六进制表示法 rgb:红色 绿色 蓝色 三原色光学显示器,每个像素都是由三原色的发光原件组成的,靠明亮度不同调成不同的颜色的。用逗号隔开,r、g、b的值,每个值的取值范围0~255,一共256个值。如果此项的值,是255,那么就说明是纯色: 黑色
阅读全文
摘要:文本属性 介绍几个常用的 文本对齐 text-align 属性规定元素中的文本的水平对齐方式。 属性值:none | center | left | right | justify 文本颜色 color属性 文本首行缩进 text-indent 属性规定元素首行缩进的距离,单位建议使用 em 文本修
阅读全文
摘要:CSS margin(外边距)属性定义元素周围的空间。 margin margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。 margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。 可能的值 Margin可以使用负值,重叠的内容。 Margin
阅读全文
摘要:浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性。 float:表示浮动的意思。它有四个值。 none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 看一个例子: html结构: css样式: 我们会发现,三个元素并排显示,.box1和span因为是左浮动,紧挨在
阅读全文
摘要:学习的初期,我们就要知道,标准文档流等级森严。标签分为两种等级: 行内元素 块级元素 比如h1标签和span,同时设置宽高,来看浏览器效果,那么你会发现: 行内元素和块级元素的区别:(非常重要) 行内元素: 与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的宽度。 块级元素: 霸占一行,不
阅读全文
摘要:宏观的讲,我们的web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”。而设计软件 ,想往哪里画东西,就去哪里画 标准文档流下 有哪些微观现象? 1、空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙,如
阅读全文
摘要:margin margin:外边距的意思。表示边框到最近盒子的距离。
阅读全文
摘要:边框 border:边框的意思,描述盒子的边框 边框有三个要素: 粗细 线性样式 颜色 如果颜色不写,默认是黑色。如果粗细不写,不显示边框。如果只写线性样式,默认的有上下左右 3px的宽度,实体样式,并且黑色的边框。 边框样式 边框样式属性指定要显示什么样的边界。 border-style属性用来定
阅读全文
摘要:padding padding:就是内边距的意思,它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域。 padding的设置 padding有四个方向,分别描述4个方向的p
阅读全文
摘要:盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。我们在这里重点讲标准模型。 盒模型示意图 盒模型的属性 width:内容的宽度 height:内容的高度 paddin
阅读全文
摘要:直接上代码,看效果! 第一种现象:当权重相同时,以后来设置的属性为准,前提一定要权重相同 我们会发现此时显示的是红色的。 第二种现象: 第一个选择器没有选中内层标签,那么它是通过继承来设置的属性,那么它的权重为0。第二个选择器选中了内层标签,有权重。 所以 继承来的元素 权重为0。跟选中的元素没有可
阅读全文
摘要:继承性 面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。那么我们现在主要研究css,css就是在设置属性的。不会牵扯到方法的层面。 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 记住:有一些属性是可以继承下来 : color 、
阅读全文
摘要:伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器,我们一定要遵循"爱恨准则" LoVe HAte 再介绍一种css3的选择器nth-child()
阅读全文
摘要:/*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ content:'alex'; } /*
阅读全文
摘要:属性选择器,字面意思就是根据标签中的属性,选中当前的标签。 语法:
阅读全文
摘要:级选择器分为:后代选择器、子代选择器、并集选择器、交集选择器 后代选择器 使用空格表示后代选择器。顾名思义,父元素的后代(包括儿子,孙子,重孙子) .container p{ color: red; } .container .item p{ color: yellow; <!DOCTYPE htm
阅读全文
摘要:css的选择器:1.基本选择器 2.高级选择器 基本选择器包含: 1、标签选择器标签选择器可以选中所有的标签元素,比如div,ul,li ,p等等,不管标签藏的多深,都能选中,选中的是所有的,而不是某一个,所以说 "共性" 而不是 ”特性“。 body{ color:gray; font-size:
阅读全文
摘要:在HTML中引入css方式总共有三种: 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角度描述页面行为 CSS:Cascading St
阅读全文
摘要:大纲 字体标签: h1~h6、<font>、<u>、<b>、<strong><em>、<sup>、<sub> 排版标签: <div> 、<span> 、 <br>、<hr>、<center>、<pre>超 链接: <a> 图片标签: <img> HTML标签中有两类标签: 1.字体标签 2.排版标签
阅读全文
摘要:一、web标准 web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准、表现标准、行为标准。 结构:html。表示:css。行为:Javascript。 web准备总结: 结构标准:相当于人的身体。html就是用来制
阅读全文
摘要:今日主要内容: 列表标签 <ul>、<ol>、<dl> 表格标签 <table> 表单标签 <form> 一、列表标签 1、无序列表<ul>,无序列表中的每一项是<li> 列表标签分为三种 英文单词解释如下: ul:unordered list,“无序列表”的意思。 li:list item,“列表
阅读全文
摘要:手工操作 穿孔卡片 1946年第一台计算机诞生--20世纪50年代中期,计算机工作还在采用手工操作方式。此时还没有操作系统的概念。 程序员将对应于程序和数据的已穿孔的纸带(或卡片)装入输入机,然后启动输入机把程序和数据输入计算机内存,接着通过控制台开关启动程序针对数据运行;计算完毕,打印机输出计算结
阅读全文
摘要:并发编程? 一个程序可以在同一时间做多个事情 解决程序中的IO操作影响的=程序效率的问题 并发编程为甚么重要? 操作系统 并发这件事 计算机 手工操作 -- 穿孔卡片 批处理 -- 磁带存储 输入输出 大部分时间都不会占用cpu,且会降低你程序的效率 input/print 文件 读取数据、取数据
阅读全文
摘要:同时两个客户端连接, server 不能有input server端根据client端的要求去执行固定的代码 server.py client1.py client2.py
阅读全文
摘要:IO模型介绍 为了更好地了解IO模型,我们需要事先回顾下:同步、异步、阻塞、非阻塞 同步(synchronous) IO和异步(asynchronous) IO,阻塞(blocking) IO和非阻塞(non-blocking)IO分别是什么,到底有什么区别?这个问题其实不同的人给出的答案都可能不同
阅读全文
摘要:前言 之前我们学习了线程、进程的概念,了解了在操作系统中进程是资源分配的最小单位,线程是CPU调度的最小单位。按道理来说我们已经算是把cpu的利用率提高很多了。但是我们知道无论是创建多进程还是创建多线程来解决问题,都要消耗一定的时间来创建进程、创建线程、以及管理他们之间的切换。 随着我们对于效率的追
阅读全文
摘要:理论知识 操作系统背景知识 进程指正在执行的一个过程,进程是对正在运行程序的一个抽象 进程的概念起源于操作系统,是操作系统最核心的概念,也是操作系统提供的最古老也是最重要的抽象概念之一。操作系统的其他所有内容都是围绕进程的概念展开的。真正了解进程,必须事先了解操作系统。 必备的理论基础: 什么是进程
阅读全文