lihaikuo666-CSDN博客

转载 CSS定位布局

CSS定位布局绝对定位如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口，而其层叠顺序则通过z-index属性来定义。如下面代码可以实现div...

2018-07-12 15:13:02 284

转载 CSS布局模型

CSS布局模型清楚了CSS 盒模型的基本概念、盒模型类型，我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。CSS包含3种基本的布局模型： 1、流动模型（Flow） 2、浮动模型 (F...

2018-07-12 14:59:27 215

转载 CSS盒子模型

CSS盒子模型在浏览器下，每一个html元素都会被解析为一个装有东西的盒子。盒子本身有自己的边框（border），盒子里的内容到盒子边框的距离称为填充（padding），盒子边框与其它盒子之间的距离为边界（margin）。在css 模型设计中，元素真实的宽度和高度不仅仅由width和height来决定，还包括内边距、外边距、边框来组成。如下图所示：参考上面的盒子模型视图对比下面的示例演示：盒子模型...

2018-07-12 14:58:54 387

转载 CSS选择器

CSS选择器实现CSS对HTML页面样式的控制，如果要让这些样式对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器，HTML页面中的元素就是通过CSS选择器进行控制的。CSS选择器共有三种：标签选择器、ID选择器、类选择器。什么是选择器每一条css样式定义由两部分组成，形式如下：选择器{ 样式;}在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”...

2018-07-12 10:59:49 196

转载调用CSS样式

上一小节对CSS语法有了大体的认识，本节讲解如何使用CSS控制HTML页面，以及控制页面的各种方法，包括行内样式、嵌入式、链接式和导入式等，先看个例子：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g...

2018-07-12 10:50:03 1108

转载 CSS语法结构

CSS语法结构CSS中文译为层叠样式表。是用于控制网页样式并允许，将样式信息与网页内容分离的一种标记性语言。通俗的讲就是告诉浏览器，这段样式将应用到哪个对象.基本语法规范参数说明：属性和属性值之间用冒号(:)隔开，定义多个属性时，属性之间用英文输入法下的分号;隔开，（color:red 和 font-size:25px这2个属性之间必须加上分号）最后一条属性可以不加分号,就是说font-size:...

2018-07-12 10:45:59 3665

转载什么是div+css

什么是div+cssCSS（Cascading Style Sheet）中文译为层叠样式表。是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS的引入就是为了使得HTML语言能够更好的适应页面的美工设计，它以HTML语言为基础，在学习CSS前你要具备我们HTML教程中基础知识,CSS提供丰富的格式化功能，如字体、颜色、背景及整体排版等，Web设计者可以设置不同的样式风格。纠正d...

2018-07-12 10:42:26 2949

转载 HTML文档类型 DTD

HTML文档类型<DTD>选择合适的DTD一个标准的XHTML文档，必须以Doctype标签作为开始，Doctype是document type(文档类型)的简写，doctype用于定义文档类型，很多莫名其妙的问题就和文档类型选择有关。对于XHTML而言，可以选择三种不同的XHTML文档类型。请看下面的代码：12345678910<!DOCTYPE html PUBLIC "-/...

2018-07-12 10:39:42 244

转载 HTML表单 Form

HTML表单<Form>1.表单标签<form>……</form>语法：<form name="form_name" action="url" method="get|post">…</form>Name ：定义表单的名称Method: 定义表单结果从浏览器传送到服务器的方式，默认参数为：get ；Action

2018-07-12 09:59:00 456

转载 HTML头部标签 Meta

HTML头部标签<Meta>haed标签位于<body>标签的上部. 本小节主要讲解head标签中的<meta>标签。什么是mata标签<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属...

2018-07-12 09:58:03 291

转载 HTML表格

HTML表格<table>在HTML语言中，表格至少由<TABLE>标签、<TR>标签和<TD>标签这3对标签组成，否则，就不能成为表格。<table>...</table>标签中间将包括所有表格元素，表格元素主要有行、列、单元格等。了解表格的基本结构之后，我们就可以创建一个简单的表格。从CSS2.0后以table为主的网页布...

2018-07-11 15:51:36 414

转载 HTML有序列表（OL）

HTML有序列表(OL)有序列表: 按照字母或数字等顺序排列的列表项目. 注意有序列表的结果是带有前后顺序之分的编号,如果插入和删除一个列表项，编号会自动调整。基本语法： <ol> <li>项目1</li> <li>项目2</li> <li>项目3</li></ol&amp

2018-07-11 15:30:43 7194

转载 HTML无序列表（UL）

HTML无序列表(UL)列表分为两类:无序列表和有序列表。无序列表没有顺序的列表项目，在各条列前面使用●□◇◆等符号以示区隔。而有序条列就是指各条列之间是有顺序的，比如从1、2、3…。无序列表使用的一对标签是<ul></ul>，无序列表指没有进行编号的列表, 每一个列表项前使用对标签<LI>和</LI> 无序列表的type属性有三个数值可...

2018-07-11 15:26:44 7967

转载 HTML链接（Link）

HTML链接(Link)超链接：从一个页面指向另一个目的端的链接，超级链接可以使用<a>标签定义,其链接文档的地址在属性"href"中指定。链接分为内部链接：链接指向站点文件夹之内的文件（例： <a href=“html / index.php”> ）和外部链接：链接指向站点文件夹之外的文件（例： target index.php”> ）。<a>标签又叫...

2018-07-11 14:28:17 10297

转载 HTML图片（IMG）

插入图片网页中常用的图片格式有：jpg、gif、png等。HTML中插入图片使用<img>标签基本语法：<img src=“图片路径” width=宽度 height=高度>语法解释：宽度和高度的单位都是像素，<img>是插入图片的HTML标签，src 是描述图片路径的属性,它的值表示图片的路径。举例：1< img src=“bg.jpg”/ >...

2018-07-11 14:01:57 1837

转载 HTML文字与段落

HTML文字与段落文字的字体(Font)和颜色（Color）定义文字大小和颜色使用font标签对。基本语法：<font>……</font> 它的的属性值有： face（字体）color（颜色）等示例:12345678<html> <head> <title>h标签演示</title></head>&

2018-07-11 13:39:00 2897

转载 HTML是什么？

HTML是什么HTML(HyperText MarkUp Language)超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上. 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础.什么是HTML？HTML是用来制作网页的标记语言HTML是Hypertext Markup Language的英文缩写, 即超文本...

2018-07-11 11:25:38 9531

转载 HTML的结构与语法

HTML结构与语法HTML 是由各种各样的标签组成，学习 HTML就是学习使用这些标签。从下节开始就详细介绍HTML的标签使用.学习HTML就是学些标签的使用，本节讨论下html结构。首先我们先看个例子：HTML文档结构 l html标签 -- 称为根标签，所有的网页标签都在<html></html>中。l head标签，代表HTML文档的头信息，以<head>...

2018-07-11 11:13:00 814

原创 HTML-文字与段落

示范代码：<!doctype html> <head> <title>文字段落与排版</title> </head> <body> <h1>一级标题</h1> <p>这是段落标签</p>

2018-07-11 11:07:29 439

lihaikuo666的博客