励志的程序员-CSDN博客

原创【海码学院】web前端基础入门JavaScript之数据类型学习笔记

一、什么是数据类型？描述我们变量的值的类型，就叫做数据类型。二、数据类型分类1、基本数据类型字符串类型(string)、数字类型(number)、布尔类型(boolean)、null(空)、undefined(未定义)2、引用数据类型对象(object)3、基本数据类型有哪些？①、字符串类型(string)描述：单引号或者双引号括起来的字符；...

2019-07-19 15:37:29 130

原创【海码学院】web前端基础入门JavaScript之JavaScript起源和基础语法学习笔记

一、JavaScript定义和起源1、JavaScript定义①、定义：JavaScript决定了网页的交互HTML 网页的结构超文本标记语言CSS 网页的样式层叠样式表 JavaScript 网页的交互（互动行为）②、JavaScript和Java之间的关系？起初命名时候，JavaScript就是一个...

2019-07-18 19:30:40 231

原创【海码学院】web前端基础入门CSS之常见CSS兼容问题学习笔记

一、兼容性处理要点1、DOCTYPE 影响 CSS 处理；2、FF: 设置 padding 后， div 会增加 height 和 width，但 IE 不会，故需要用 !important 多设一个 height 和 width；3、FF: 支持 !important， IE 则忽略，可用 !important 为 FF 特别设置样式4 、div 的垂直居中问题...

2019-07-17 10:40:53 261

原创【海码学院】web前端基础入门CSS之定位方式学习笔记

一、定位三种方式1、固定定位position：fixed；left / right / top / bottom：值；生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。<style> div{ width: 100px; height: 100px; ...

2019-07-17 10:01:40 127

原创【海码学院】web前端基础入门CSS之盒子模型课堂学习笔记

一、标准盒子模型1、盒子模型所有HTML元素可以看作盒子盒子周围的HTML元素：content：内容padding：内边距margin：外边距border：边框一个元素的大小 = content+padding+border一个元素在网页中占据位置的大小 = content+padding+border+marginwidth 和 height属性规定了...

2019-07-16 20:27:21 119

原创【海码学院】web前端基础入门CSS之浮动布局和overflow属性课堂学习笔记

一、浮动布局1、浮动问题：如何让块元素到一行去，且宽高有效？①、变成行内块元素<style> div{ display: inline-block; width: 100px; height: 100px; border: 2px solid red; }</style><body> <div></...

2019-07-10 21:41:02 264

原创【海码学院】web前端基础入门CSS之display属性、显示隐藏和a链接样式课堂学习笔记

一、display属性1、display：none；此元素不会被显示<style> div{ display: none; }</style><body> <div>云想衣裳花想容</div> </body>2、display：block；此元素将显示为块级元素<style>...

2019-07-09 21:06:37 332

原创【海码学院】web前端基础入门CSS之表格样式、轮廓样式和边框阴影课堂学习笔记

一、表格相关样式1、border-collapse设置表格的边框是否被合并为一个单一的边框border-collapse ：separate；默认值。边框会被分开border-collapse ：collapse；如果可能，边框会合并为一个单一的边框<style> .table1{ border-collapse: collapse; } .tab...

2019-07-09 20:16:50 170

原创【海码学院】web前端基础入门CSS之列表样式和背景样式课堂学习笔记

一、列表样式1、无序列表和无序列表的相关样式无序列表<ul> <li>a</li> <li>b</li> <li>c</li></ul>有序列表<ol> <li>内容（一）</li> <li>内容（二）</li>...

2019-07-08 15:14:16 177

原创【海码学院】web前端基础入门CSS之字体和文本相关样式课堂学习笔记

一、字体相关样式1、font-family：字体类型font-family 属性用于设置字体。网页中常用的字体有宋体，微软雅黑，黑体等注意：汉字，需要用引号引起来。<style> .word{ font-family: "宋体"; } .word2{ font-family: "微软雅黑"; }</style> <body&g...

2019-07-06 21:10:00 191

原创【海码学院】web前端基础入门CSS之边框、宽高和行内块元素课堂学习笔记

一、边框属性1、多变定义边框属性边框属性border：宽度类型颜色宽度：px类型：solid、dotted、dashed；默认为solid颜色：单色单词、#色号、rgb（r，g，b）；默认不写就是黑色<style> .box-div{ border: 1px dotted #0000FF; } .box-p{ ...

2019-07-06 15:01:38 130

原创【海码学院公开课】web前端基础入门CSS之选择器扩展和权重课堂学习笔记

一、选择器扩展1、属性选择器定义：选取带有指定属性的 HTML 标签样式语法：[属性名]{ 属性名：属性值；属性名：属性值；}实例：<style type="text/css"> [title]{ color: blue; }</style><body> <div title=""&g...

2019-06-28 20:39:02 221

原创【海码学院公开课】web前端基础入门CSS之初探CSS课堂学习笔记

一、CSS介绍1、什么是css样式？CSS定义：全称为Cascading Style Sheets，中文翻译为“层叠样式表”，是前端三剑客中的网页样式。作用：CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。特点：丰富的样式定义、易于使用和修改、多页面应用、层叠、页面压缩。2、css网页应用网页HTML中大量使用DIV、SPAN、TAB...

2019-06-27 10:23:57 187

原创【海码学院公开课】web前端基础入门HTML之表单、框架扩展和制作注册页面课堂学习笔记

一、表单的另类玩法1、fieldset标签将表单里的相关标签元素进行打包，浏览器会以特殊的方式来显示他们。2、legend标签给fieldset标签定义标题，放在第一行。<fieldset> <legend>定义fieldset主题</legend></fieldset>3、label标签为input标签定义标记。...

2019-06-25 20:10:53 257

原创【海码学院公开课】web前端基础入门HTML之表单form标签和框架iframe标签课堂学习笔记

一、表单form标签及其常用属性1、表单：form标签(1)、定义用于获取网站用户数据，并提交给网站管理者。(2)、form标签属性action属性：提交地址（绝对路径或者相对路径）method属性：提交方式get方式post方式enctype属性：提交数据类型<form action="" method="" enctype=""></...

2019-06-24 19:03:43 295

原创【海码学院公开课】web前端基础入门HTML之表格table标签和制作个人简历课堂学习笔记

一、带你认识HTMl中的表格1、表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。2、表格的基本结构<table> <tr> <td></t...

2019-06-22 18:03:47 282

原创【海码学院公开课】web前端基础入门HTML之图片、超链接和列表标签课堂学习笔记

一、img图片标签、属性和路径应用1、img图片标签(1)、定义：img是image缩写，表示图像。(2)、写法：<img src="" alt="" />(3)、结构上：img标签属于单标签；img标签属于行内块级标签。2、标签属性(1)、属性定义：用来表示标签的性质和特性。(2)、属性写法：<标签属性名="属性值...

2019-06-21 20:59:49 288

原创【海码学院公开课】web前端基础入门之HTML和标签课堂学习笔记

一、HTML中的常用标签1、文字标签(1)、纯文字标签b标签：加粗i标签：斜体u标签：下划线s标签：删除线<b>加粗</b><i>斜体</i><u>下划线</u><s>删除线</s>(2)、语义文字标签strong标签：加粗em标签：斜体ins标...

2019-06-21 19:16:05 220

weixin_45282338的博客