初学前端开发，记录下自己的学习笔记。第一章 认识HTML1:关于HTML HTML是超文本标记语言（HyperText Markup Language）的缩写，用来建立网页的结构。 它只会根据标记来确定在哪里换行或者分段。所以浏览器会忽略HTML文档中的制表符、回车和空格。 共有六级标题，从<h1>到<h6>，字体由大到小。 HTML注释放在<!--和-->之间，浏览器会把它们完全忽略，可以有多行。 <em>元素表示强调。 <head>的HTML页面的头部，它包...
1、line-height的定义 定义：两行文字基线之间的距离。 注：不同字体之间的基线是不同的。2、line-height与行内框盒子模型 行内框盒子模型： ①内容区域（content area），是一种围绕文字看不见的盒子，大小与font-size有关； ②内联盒子（inline boxes），不会让内容成块显示，而是排成一行。如果外部含inline水平标签，则属于内联盒子；如果是个光秃秃的文字，则属于”匿名内联盒子“； ③行框盒子（line boxe...
小图标新版Bootstrap提供了 200个小图标(相应地,提供了200个CSS样式),这200个样式 均可以在内联元素上应用,并显示出对应的图标。 1）基本用法：在任何内联元素上应用所对应的样式即可。 所有的icon样式都以glyphicon-开头,这是因为这些小图标 都是http: /glyphicons.com/ 网站提供,使用的时候必须同时使 用两个样式,即.glyphicon和以.glyphicon-*开头的样式。 2）实现方式：新版icon利用@fo...
01. 概述 W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。 这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。” 简单的来说就是通过某一个事件改变了元素的css值，然后从当前的值过度到指定的值发生的动画。也就是说改变 属性值不是一下子改变，而是一个过程，慢慢的变为目标属性。02. 语法 tran...
HTML <font> 标签定义和用法<font> 规定文本的字体、字体尺寸、字体颜色。实例规定文本字体、大小和颜色：1<font size="3" color="red">This is some text!</font>2<font size="2" color="blue">This is some text!</font>3<font face="verdana" color="green">This is some text!</font>HTML 与 XHTML 之间的差异在 HTML 4.01 中，font 元素不被赞成使用。在 XHTML 1.0 Strict DTD 中，font 元素不被支持。原文：http://www.cnblo...
这两天的CSS3学习笔记：慕课网课程地址： http://www.imooc.com/learn/33笔记：边框：圆角效果border-radius：同border相同的缩写方式；阴影box-shadow：参数说明：说明：单位除了用px也可以用百分比；多个阴影：用逗号隔开即可；模糊半径与扩展半径的区别：阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值...
CSS一、CSS简介 1，CSS (Cascading Style Sheets) 级联样式表 ，是一种计算机语言，用来控制HTML内容的显示效果 2，CSS预先定义了众多的和显示效果有关的样式属性，比如color、font-size等。如果希望html内容显示某个效果，就应用对应的CSS样式属性即可 3，CSS对样式的控制是非常精确和精细的二、CSS语法 1，CSS语言的基本单位是样式声明：proppertyName:value; 2，CSS语言的使用方式： 1，把CSS样式声明...
页面往往是动态变化的，我们经常需要在脚本里对元素的样式进行操作，刚学习js的时候大家都知道通过style属性设置css样式相关的属性，但有时候也想先获取样式，结果发现通过style取到的值是空，这就需要我们对这些概念足够熟练。一、设置样式每个dom元素都具有一个style属性，与平常的属性不一样，style的值是一个CSSStyleDeclaration对象，这个对象的属性代表了该对应元素的内联样式。 注意上面说的是内联样式，我们知道，在<link...
CSS的引入方式： 内嵌式引入：在标签内直接使用style属性，每个样式使用分号隔开。1 <div style="color: red;font-size:25px ; 2 font-family: ‘Microsoft Yahei‘;line-height: 50px"> 3 窗前明月光，<br /> 4 疑是地上霜。<br /> 5 举头望明月，<br /> 6 低头思故乡。<br /> 7 </div> 外联式引入：使用link标签引入本地css样式文件。1<link rel="stylesheet" type="text/css" hre...
元素选择器最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器：p { text-indent:10px; color:blue; } 什么情况下使用元素选择器，一般我们这样认为： 如果你想要让页面中所有的指定元素都有这个CSS效果，可以使用元素选择器。 有这样一段html代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="index.css"><title></title></head><bo...
在CSS3中新定义了文本换行属性，word-wrap:nomal属性值表示控制连续文本换行。break-word属性值表示内容将在边界内换行。如果需要,词内换行（word-break)也会发生。换行技术比较分析IE定义了多个换行处理属性：line-break、word-break、word-wrap，另外CSS1定义了white-space，CSS3增加了word-wrap。line-break专门负责控制日文换行。word-wrap属性可以控制换行。当属性值取word-wrap时，将强制换行，中文文本没有任何问题，英文语...
一、标签语义化（重点）：1、可以方便代码的阅读和维护2、同时让网络爬虫更好的解析从而更好的分析其内容3、更好的优化引擎如何做到标签语义化：个人理解是，首先，网页的HTML主要作用在网页的结构上面，W3C规范定义了很多标签，标签都具有它的意义，例如：<p>定义的是一个段落 <h1>~<h6>分别定义了标题的大小；这些一个一个的标签都有它的使用用途，根据相应的定义来使用它，使得我们能够有上图的一些结构方面语义化后带来的网页优...
一、了解HTML、CSS、JS1、HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2、CSS样式是表现。用来改变内容外观的东西称之为表现，如标题字体、颜色变化等，就像网页的外衣。3、JavaScript是用来实现网页上的特效效果。动画的、有交互的。如鼠标滑过弹出下拉菜单、鼠标滑过背景颜色改变、新闻图片的轮换等。二、html文件基本结构<html> <head>.....</head> <...
一 HTML与CSS的关系 HTML 标签原本被设计为用于定义文档内容。 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题。二 使用外部CSS文件的优势 外部的 .css 文件，使你有能力通过仅仅编辑一个简单的 CSS 文档，同时改变站点中所有页面的布局和外观。三 多重样式的层叠规则 当同一个 HTML 元素被不止一个样式定义时，按照如下优先级进行层叠。内联样式（在 HTML 元素内部）内部样式表（位于 <head> 标签内部...
一、 CSS介绍1、 CSS概述：CSS（Cascading Style Sheets）指层叠样式表，极大提高了工作效率。2、 基础语法： 属性大于1个之后，属性之间用分号隔开如果大于1个单词，则需要加上引号，如：p{font-family:”sans serif”;} CSS注释：以“/*”开始，以“*/”结束。3、 高级语法① 选择器分组h1,h2,h3,h4,h5,h6{color:red;}② 继承：body{color:green; } 4、 CSS id 选择器① id选择器：id选择器可以为标有id的HTML元素指定特定...