前言：学了一段时间的前端，一直没有写博客的习惯，趁着最近学校组织的实训，把知识重新梳理一遍。知识点大部分来自老师上课学习笔记。 1、HTML是什么？ HTML 是用来描述网页的一种标记语言。 1）HTML 指的是超文本标记语言 (Hyper Text Markup Language) 2）HTML 不是一种编程语言，而是一种标记语言 (markup language) 3）标记语言是一套标记标签 (markup tag) 4）HTML使用标记标签来描述网页 2、HTML可以做...
1、什么是结构化标记 对布局使用的div 进行升级 ， 根据页面的不同区域而提供的不同标签。作用与div几乎一致 专门用于搭建网站结构而用 2、结构标记详解 1、元素 作用：用于定义【网页内容的头部】、或者是【某部分信息中的头部】 语法： 头部区域的内容 2、元素 作用：用于定义页面的【导航链接】部分 语法： ...
HTML HTML（Hypertext Markup Language）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成...
首先，我们学习web前端开发基础技术需要掌握的是HTML、CSS、JavaScript语言，那么在下先解释一下何为HTML、CSS、JavaScript语言。 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现...
HTML，超文本标记语言（HyperText Markup Language） 超文本：指页面内可以包含图片、链接、音乐、程序等非文字元素 标记：页面的由各种标签（标记）组成，文本有隐藏的文本标签 HTML 使用标记标签来描述网页，以开头，结尾 sublime 使用快捷方式生成的一个模板： Document 标题 页面链接标签的默认链接地址 ...
今天开始写第一篇博文，记录我学习 html 以及 css 的所有的课程。第一天接触代码感觉整个人是蒙的觉得肯定学不会，但是我还是比较喜欢有挑战性的， 下面跟着我一起来学习html。 1.HTML是什么？ HTML是超文本标记语言.（Hyper Text Markup Language） 2.HTML是尖括号包围的关键词，如 3.HTML是成对出现的，如 4.这是开头标签这个则是结束标签，也称为开放标签和闭合标签。 下面是举例： span{colo...
本篇博文主要整理一下html页面布局的基础知识。虽然这些知识基本都懂，但是实际用起来，其中的一些细节老是注意不到(>_盒子模型 盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。盒子模型范围包括： border、padding、margin、content 。盒子模型有两种，分别是IE（怪异模式）盒子模型和标准盒子模型。两者的区别是，IE盒子模型content部分包含 padding 和 border ，而标准盒子模型不包括！css3的 border-sizin...
如果文章对你有帮助，请点喜欢并关注，这将是我最大的动力,谢谢 js简介 js是脚本语言。浏览器是逐行的读取代码，而传统编程会在执行前进行编译 js存放的位置 html脚本必须放在 数据类型 动态类型 js拥有动态类型，意味着相同的变量，可以用作不同类型。 var x=2;var x ="a"; 数字类型 js只有一种数字类型，可以加小数点，或者不加，太大或太小的数字可以用科学计数法 整数最大15位，小数最...
以下是自己平时学习累计的，比较杂，欢迎大家指正和补充 一、css重置（css reset） 这是我简单整理的，并不全，大家可以根据自己需要继续补充： body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0;font-size:12px;}ol,ul{margin:0;padding:0;list-style:none;}a{text-decoration:none;}img{border:none;} 不用*{margin:0;padding:0；}是因为：div没有内外边距，p只有外边距问题没有内边距问题等等，性能问题也不好，大家可以自己写...
页面标题 <hr />是一条直线 小标题 小标题 <p> </p>指的是段落 <br />指的是换行，放在一句话的后面,重复用可以多空几行 指的是空格。圆角状态下的空格也可以在网页中表现出来。 Tab指缩进 title放上去的时候会显示 苹果 苹果是一种水果 香蕉 香蕉也是一种水果 <dl/> </dl/> 是指定义 姓名性别学科 李培能男语文 胡习平男语文 王小康男语文 戴晓男语文 表格由table标签创建，tr标签创建行，td(colspan可以横跨几...
css 是一些非常简单得语句的组合，既然简单的语句，就不可避免的有很多重复的，冗余的东西，而且没有传统编程语言变量，控制语句等高级特性，所以造成了css 编写低效，往往需要查找替换，大量复制来修改或者编写。Sass 是用弥补这些缺陷的，使开发更加的方便快捷，更加方便管理。 1.Sass和SCSS的区别。 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名 语法书写方式不同，...
css3背景颜色渐变属性 兼容性测试基础环境为：windows系统；IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+ 语法： <linear-gradient>：linear-gradient([ ,]? <color-stop>[, <color-stop>]+); ：[ left | right ]? [ top | bottom ]? || ? <color-stop>： [ | ]? 取值： left： 设置左边为渐变起点的横坐标值。 right： 设置右边为渐变起点的横坐标值。 top： 设置顶部为渐变起点...
=================== The first blog of Rebecca. =================== 配置好Sublime和插件之后，可以学习具体的Html的标签知识点了。这部分只是知识点，记忆就好。 ----------------------------------- 先来点儿技巧 Tips1：在html格式文件首行，输入“html:5”后，按Tab键，自动出现H5版本的模板，很方便哦！如下图： 新项目直接使用HTML5标准，像4s 4t xs都过时了。 ---------------------------...
扩展/继承 继承对于了解css 的同学来说一点都不陌生，先来看一张图 在Sass 中也具有继承一说，也就是继承类中的样式代码块，在Sass中时通过关键词“@extend”来 继承已经存在的类样式块，从而实现代码的继承。 //SCSS .btn{ border:1px solid #ccc; padding:6px 10px; font-size:14px; } .btn-primarg{...
1、基本标签属性 1 2 6 7 8 9 10 11 This is heading 112 This is heading 213 This is heading 314 This is heading 415 This is heading 516 This is heading 617 18 19 20 link_baidu 21 22 23 24 25 26 this is paragraph 1 27 this is paragraph 2 28 this is paragraph 3 29 30 31 32 33 34 35 36 37 normal38 39 bold 40 41 strong 42 43 big font 44 45 small font 46 47 italic font 48 49 wh...