一、HTML<meta>标签使用该标签描述网页的具体摘要信息,包括文档内容类型,字符编码信息,搜索关键字,网站提供的功能和服务的详细描述等。<meta>标签描述的内容并不显示,其目的是方便浏览器解析或利于搜索引擎搜索,它采用“名称/值”对的方式描述摘要信息。1)文档内容类型,字符编码信息<meta http-equiv="Content-Type content="text/html; charset=gb2312"/> >名称:Content-Type(文档内容类型) >值:text/html; cha...
初学前端开发,记录下自己的学习笔记。第一章 认识HTML1:关于HTML HTML是超文本标记语言(HyperText Markup Language)的缩写,用来建立网页的结构。 它只会根据标记来确定在哪里换行或者分段。所以浏览器会忽略HTML文档中的制表符、回车和空格。 共有六级标题,从<h1>到<h6>,字体由大到小。 HTML注释放在<!--和-->之间,浏览器会把它们完全忽略,可以有多行。 <em>元素表示强调。 <head>的HTML页面的头部,它包...
1.css的语法1.1位置 <head> <style type="text/css" //css代码 </style> </head> 1.2语法 选择器{属性值1:属性值1; 属性值2:属性值2; }例: h1{ font:size:12px; --字体大小 color:red; --字体颜色注意:多个属性用分号分隔2.选择器2.1标签选择器语法: ...
一直以来都认为css背景图与直接插入img图片的效果是差不多的,直到最近拜读了一位大神的作品,发现大部分图片都是通过背景图形式显示的,于是在此总结了下二者的区别:1. css中的图片以背景图形式存在,写在html中的图片以标签形式存在。而在网页加载过程中,以css背景存在的图片会等到html结构加载完成才开始加载,而html中的img标签是网页结构(内容)的一部分会在加载结构的过程中加载。附:在一个单纯由Html和Css组成的页面中,...
第一章:Web时代的变迁HTML5放心使用的理由:兼容性:HTML5在老板本的浏览器上也可以正常运行;实用性:HTML5内部并没有封装什么很复杂的,不切实际的功能,而只是封装了简单实用的功能;非革命性的发展:HTML5的内部功能不是革命性的,只是发展性的。第二章:HTML5与HTML4的区别1.DOCTYPE声明:<!DOCTYPE html>2.指定字符i编码:<meta charset = "UTF-8">3.不允许写结束标记的元素有:area, base, br, col, command, embed, hr, ...
今天给大家带来一款html5和css3实现的3D滚动特效。效果图如下:在线预览 源码下载实现的代码。html代码:<div class="container"><div class="cube"><div class="side side1"></div><div class="side side2"></div><div class="side side3"></div><div class="side side4"></div><div class="side side5"></div><div class="side side6"></div></div></div><div class="container container2"><div class="cube"><div class="sid...
前面我们每天都在浏览着网络上丰富多彩的页面,那么在网页中所呈现出的绚丽多彩的内容是怎么设计出来的呢?我们想要自己设计一个页面又该如何来做呢?对于刚刚接触网页设计的小伙伴来说,看到网页背后的一堆符号和代码,是不是会感到有些凌乱。“看这里、看这里”,其实HTML并不复杂,严格意义上它并不是编程,它只是一些标记,也可以说是和浏览器的一些“约定”,就是告诉浏览器,要显示什么内容,这些内容是什么样式。好了,不废...
在No.4中谈及了下盒子模型,引出布局模型1、布局模型有三类: 1)流动模型 flow(默认) 2)浮动模型 float 3)层模型 layer 2、文档流 :指的是文本沿着从左到右的方向展开,就像流的形式 脱离文档流指的是一个元素脱离文档流之后,其他元素在定位的时候会当作没发现它,两者的位置重叠都是可以的 HTML的布局机制就是用文...
转载博客(http://www.cnblogs.com/dearxinli/p/3865099.html)(备注:DIV居中情况,网上谈到也比较多,但是这篇文字,相对还是挺全面,现转载,如果冒犯,还望博主见谅)在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSSHack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素...
前端基础1. CSS 81.1. CSS叫做层叠样式表,用来设置页面中元素的样式。背景颜色、字体颜色、字体大小。。。 81.2. CSS负责结构、表现、行为中的表现 81.3. 编写的位置 81.3.1. 1.内联样式 81.3.2. 2.内部样式表 81.3.3. 3.外部样式表 81.4. 基本语法 91.4.1. 选择器 91.4.2. 声明块 111.5. 元素之间的关系 121.5.1. 父元素 121.5.2. 子元素 121.5.3. 祖先元素 121.5.4. 后代元素 121.5.5. 兄弟元素 121.6. 块元素和内联元素 121.6....
当文章的标题是一副用photoshop制作的图片,那么势必在搜索引擎中无法搜索到。并且因为图片的体积不算小。可能在网速慢的的时候不得不耐心的等待图片的刷新。所以。我们来谈谈有没有一种新的方法能够避免这些缺点。 什么是HTML5和CSS3 HTML和CSS并不难理解。HTML为构成网页的主要语言。通过这样的语言。我们能够向计算机说明网页格式、内容、显示效果等等。而CSS则是专门用来控制网页显示效果的语言。 HTML 5的新特性 1. 新的内容标...
1.1、以下选择器当中权重值最高的是( )A、#box .innerB、.a .b .c .d .e .f .g .h .i .j .k .l .m .n .o .p .qC、#box divD、outer .inner 1.2、a标签的四个伪类是(按照正确顺序书写):a:link; 、 a:visitive; 、 a:hover; 、 a :active; 1.3、块标签:div 、 ul 、ol 、 dl 、table 、p 、 行标签: 1.4、网页的基本构成: 2、如何防止网页中的中文出现乱码: 3、CSS引入方式有哪些,各自拥有什么优缺点? 4、列举...
3. 深入了解网站开发? UI设计师 : 设计稿 web前端开发工程师(H5开发) 设计稿 -> 代码 数据库里的数据 -> 显示到页面 HTML + CSS HTML : 结构 CSS : 样式 web后端开发工程师4. web三大核心技术? HTML CSS JavaScript5. HTML基本结构和属性? HTML : 超文本 标记 语言 超文本 : 文本内容 + 非文本内容 ( 图片、视频、音频等 ) 标记 : <单词> 语言 : 编...
一:论文信息标题:浅析HTML5+CSS3在网页设计中的新特性及优势关键字: HTML5; CSS3; 网页设计 ;网页视觉元素 ;二:论文内容基础:HTML5作为新-一代万维网的核心语言,目前仍处于不断完善阶段.谈及HTML5,不仅仅指超文本标记语言( HTML)本身,同时还包括CSS与JavaSeript 在内的一系列技术组合. CSS3与以往版本相比,在图片、布局的样式控制上有很多新优势,尤其在网页视觉元素方面表现突出将HTMLS与CSS3功能与优势进行融合,势必将...
一.浮动(float)1.文档流:是指盒子按照 html 标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置.2.浮动的概念:所谓的浮动就是指元素脱离文档流,漂浮到文档流的上方,不会占据位置。3.浮动的特性:(1).浮动元素有左浮动(float:left)和右浮动(float:right)两种.(2).浮动的元素会向左或向右浮动,碰到父元素边界,浮动元素,未浮动的元素才停下...