小结

            web的总结

html部分

1. 纯文本语言,javascript、css、java、txt、html,纯文本只有文本内容,无法记录文本样式。

2. html(hyperText Markup Language),超文本标记语言,就是通过标签对,给纯文本添加语义,实际上其实是用文本文本添加语义,并且可以添加图片、链接、视频等,一对对的标签成了标记,所以构成了“超文本标记语言”。

3.文档声明头,任何一个标准的html页面,第一行一定是以

,这是文档声明头。

4. 字符集采用meta标签定义,meta表示“元”配置,表示基础的配置项目,charset就是字符集。

5. 常用的两种字符集:utf-8. 全球国际通用,里面涵盖了所以人类语言,一个汉字3个字节,保存尺寸大,加载慢。gb2312. 是国标,是中国的字库,里面仅仅涵盖了汉字和常见的英文,一个汉字2个字节,保存尺寸小,加载快。

6. meta出了可以设置字符集,还可以设置关键字和页面描述,description设置页面描述;keyword关键字,告诉搜索引擎,这个网页做什么的,能提高搜索效率,让别人能快速找到。

7. html对换行不敏感,对tab不敏感,不是依靠缩进来表示嵌套的,就是看标签的包裹关系,但是我们发现良好的缩进,代码更加易读,要求大家正确的缩进标签。

8. html中所以文字,如果有空格,换行,tab都会被折叠成一个空格显示。

9. html的标签有两种类型,容器级和文本级;容器级的标签里面可以存放任何东西,文本级的标签只能放文字,图片,表单元素。

10. 自封闭标签,也称为单标签,因为没有反标签。

11. 链接的target=_blank属性:如果没有在相同的标签打开,如果有,就在新的空白标签中打开,并且跳转的标签页还存在。

css部分

1.列表有三种:无序列表,有序列表,自定义列表。无序列表(unordered list):用来表示一个列表语义,并且每个项目之间不分先后顺序。有序列表(ordered list):一般很少使用有序列表,基本使用无序列表。自定义列表:dl(definition list)定义列表,dd(definition title):定义标题,dd(definition  description):定义表述词。

2.div(division)和span是盒子模型最重要的标签之一,div中的所有元素是一块区域,div是容器级的标签;span是文本级标签。

3.html负责结构,css负责样式,js负责行为。

4.标签选择器,使用html中的标签当选择,所有标签都能当选择器,选择的是所有,而不是某一个,是共性,不是特性。

5.类选择器,类就是class属性,任何标签都可以有class属性,class属性可以重复使用,一个标签可以属于多个类,用空格隔开。

6. id选择器,任何标签都可以有id,id命名以字母开头,可以有字母、数字、大小写严格区分;同一个页面不能重复,即使是不一样的标签,也不能有相同的id。在css中尽可能使用class,除非特殊才有id,id是js用的,js通过id属性得到标签。

7. 一个标签可以同时被多种选择器选中,这些选择器可以选上同一个标签,来控制标签的内容(html),动作(js),排版(css)。

8. 后代选择器,是一种共性、特性的平衡,当要把某个部分的所有的内容,进行样式改变,就要想到后代选择器。

9.交集选择器,要满足两个条件,必须都是同一个标签,必须有同一个类选择,可以连续交。

10.并集选择器,用逗号隔开就是并集选择器。

11. 通配符,*代表所有的元素,效率不高,所以使用频率不多。

12.同一个标签有多个类名,有冲突,通过!important提高一个属性 的权重;!important提升的是一个属性,而不是选择器,无法提升继承的权重,不影响就近原则。

13.盒子模型:一个模型主要有5个:width,height,padding(内边距) ,margin(外边距),border。

14.边框的三要素:粗细,线性,颜色;线性.dashed、dotted、solid、double、groove、ridge、inset、outset。

15. html将标签分为容器级和文本级,容器级有div、dt、dd、h、li。文本级有p、b、span、a、em、i、u。css将标签分为块级元素和行内元素,块级元素有div、p、dt、dd、h、li,行内元素有b、span、a、em、u、i。

16. 块级元素:霸占一行,不能与其他任何元素并列;能接受宽高;如果不设置宽度,默认为父亲的100%。行内元素:与其他行内元素并排;不能设置宽高,默认是文字的宽度。

17.Display:”显示模式”,用来修改元素的行内、块级的性质

Inline就是“行内”

一旦给当前一个便签设置 display:inline 这个标签立刻改变为行内元素与span类似没有区别

一旦给当前一个便签设置 display:block 这个标签立刻改变为块级元素与div类似没有区别

18.清除浮动

1. clear:both(表示当前自己内部的元素不受其他盒子的影响)

2. overflow:hidden(超出范围就隐藏)

3.浮动的元素,只能被有高度的盒子高度,如果盒子的          内部有浮动,那么浮动会在一定范围内互相影响(加高法)。

19.css中任何文本都有行高(line-height),行的 高度,必须有元素对应的高度,才能使用。

20.text-indent:2em,首行空两个汉字的格,单位em,indent缩进的意思。

21.font-size(尺寸) line-height(行高) font-family(字体);页面中,中文使用:微软雅黑,宋体,黑体。需要其他字体,需要切图。英文:Arial、Times New Roman。

22.超链接的伪类

:link  表示,用户没有点击过这个链接的样式。是英语“链接”。

:visited 表示,用户访问过这个链接的样式。是英语“访问过”。

:hover  表示,用户鼠标悬停时候的样式,是英语“悬停”。

:active  表示,用户用鼠标点击过这个链接,但不松手,此时的样式。是英语“激活”。

23. z-index,只有定位的元素才有这个属性,不管是绝对定位,还是相对定位,数值大的在上面,float不能使用。

javascript部分

1. html 结构层,从语义上来说,描述页面的结构。

css  样式层,从审美的角度,美化页面

js  行为层,从交互的角度,提升用户体验。

2.布兰登·艾奇(Brendan Eich,1961年~),JavaScript之父JavaScript ,js诞生于1995年。

3. js是弱语言,变量只需要var来声明。

4. js是前台语言,而不是后台语言;后台语言运行在服务器上,前端运行在客户的电脑里面。

5. 程序由上到下依次执行,执行完上面的才执行下面的。

6. javascript对换行、缩进、空格不敏感。注意:每一条语句末尾都要加分号,虽然分号不是必须加的,如果不加分号,压缩过后不能运行。

7. 直接量也叫字面量,数值的直接表达就是直接写上去,不需要任何的符号。字符串一定要加引号。

8. 变量的命名规则:只能由字母、数字、下划线、美元($)符号构成,且不能以数字开头,严格区分大小写,不能使用空格,长度不能超过225个字符,还不能是js的保留字。

9. 连接符和加号,如果加号两边是数值,就是加号,否则就是连接符。

10. 运算符有:数学运算符,逻辑运算符、自增运算符等。

11. Math.pow(乘方),Math.sqrt(开根号)。

12. alert():提示框,prompt():输入框,parseInt():只能保留开头的数字,后面的自动消失,console.log(在控制台输出),document.write():文档打印输出,document文档对象,不可省略。

13. if:选择结构语句,给程序添加多个执行路线,for:循环语句,将结构类似的语句重复执行。

14. js用function来声明函数,函数的命名规则和变量命名规则一样。

15. 常用的事件名

onclck:鼠标单击

ondblclick:鼠标双击

onkeyup:按下并释放键盘上的一个键时触发

onchange: 文本内容或下拉菜单中的选项发生改变

onfocus:获得焦点,表示文本框等获得鼠标光标

onfocus:失去焦点,表示文本框等失去鼠标光标

onmouseover: 鼠标悬停,即鼠标停留在图片等的上方

onmouseout: 鼠标移出,即鼠标离开图片等所在的区域

onload:网页文档加载事件

onunload:关闭网页时

onsubmit: 表单提交事件

onreset: 重置表单

16. 事件三要素:事件源,事件,事件处理程序

17. 隐藏样式

Display: none; display: block ;  显示的意思

Visibility: hidden;    visibility: visible  显示的意思

Display  隐藏不占位置

Visibility:hidden 隐藏占有位置  停职留心

Overflow:hidden;  隐藏超出的部分

18. 入口函数

window.onload=function(){

内部放js代码

}

这个函数,当我们的页面加载完成之后,采取执行函数体里面的内容的JS部分。页面的结构样式、节点加载完成之后,执行当前这个函数。

19. js数据类型:数值型(number),利用Number()转换为数值型;布尔型(BOOLean),利用!!转换成布尔类型;字符串(string)利用String

()转换成字符串;NULL(空);Underfined(没有找到)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,736评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,167评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,442评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,902评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,302评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,573评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,847评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,562评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,260评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,531评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,021评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,367评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,016评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,068评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,827评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,610评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,514评论 2 269

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,629评论 1 92
  • 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课...
    程序员poetry阅读 12,576评论 13 94
  • 一. HTML、XML、XHTML 有什么区别 1. 三者基本特征 HTML,超文本标记语言(Hyper Text...
    远山黛子阅读 293评论 0 2
  • 今天看的是其他人的文章哈 传送门 一、PHP主要输出方式 1、echo echo() 实际上不是一个函数,是php...
    动感超人丶阅读 273评论 0 0
  • 浊某在高中时代颇喜欢阅读网络上的玄幻等YY小说,至今也不讨厌。YY是“意淫”一词的首字母拼音缩写。 何谓YY呢?我...
    化浊阅读 390评论 0 0