1.定义网页背景颜色

<body bgcolor="背景色">

颜色可以用2种方式表示：1. 直接指定颜色名称，如blue。2.使用十六进制数据表示如#RRGGBB，分别表示两位十六进制数据.

2.设置背景图片

<body background="图片的地址">

3.设置文字颜色

<body text="文字的颜色">

4.设置链接文字属性

<body link="颜色">

alink可以用来设置鼠标单击链接时的颜色；vlink可以设置被访问过的超链接的颜色。

5.设置页面边距

<body topmargin=value leftmargin=value rightmargin=value bottommargin=value>

6.标题标记

<title>...</title>

7.定义页面关键字

<meta name="ketwords" content="输入具体的关键字">

8.定义页面描述

<meta name="description" content="设置页面描述">

9.定义编辑工具

<meta name="generator" content="Frontpage">

10.定义作者信息

<meta name="autor" content="作者的姓名">

11.定义网页文字及语言

<meta http-equiv="content-type" content="text/html;charset=字符集类型">

12.定义网页的定时跳转

<meta http-equiv="refresh" content="跳转的时间；URL=跳转到的地址">

用http-equiv中的refresh不仅可以实现页面自身的自动刷新，也可以实现页面间的自动跳转过程。

13.链接

1. 创建基本超链接：<a 属性=“链接目标”>链接显示文本</a>

属性：href--指定链接地址；name--给链接名字；title--给链接添加提示文字；target--指定链  接的目标窗口；Target参数的属性取值：-self--在当前页面中打开链接；  -blank--在一个全新的空白窗口中打开链接；-top--在顶层框架中打开链接，也可理解为在根框架中打开链接；-parent--在当前框架的上一层打开链接。

2. 创建图像链接

<a href=”链接目标”>链接的图像</a>

3. 创建锚点

<a name=”锚点的名称”></a>   锚点就是指在给定名称的一个网页中的某一个位置，在创建锚点链接前首先要建立锚点。

<a href=”#锚点的名称”>...</a>

14.表单

<form action="表单的处理程序" method="传送方法"></form>   一般情况下表单的处理程序action和传送方法method是必不可少的参数。

Action用于指定表单数据提交到哪个地址进行处理。表单的处理程序是表单要提交的地址，即表单中收集到的资料将要传递到的程序地址。

传送方法的值只有两种，即get和post。Get--表单数据被传送到action属性指定的URL，然后这个新的URL被送到处理程序上。Post--表单数据被包含在表单主体中，然后被送到处理程序中。

15.插入图像

<img src=”图像的地址” height=”图像的高度” width=”图像的宽度” hspace=”水平边距” vspace=”垂直边距” align=”对齐方式” alt=”提示文字的内容”>

16.添加多媒体文件

<embed src=”多媒体文件地址” width=”多媒体的宽度” height=”多媒体的高度” autostart=”是否自动运行” loop=”是否循环播放” ></embed>

<bgsound src=”背景音乐地址 ” loop=”播放次数”>

17.插入其他标记

插入空格符号：&nbsp;

插入特殊符号：&amp;...&copy;

18.设置文字格式

font用来控制字体、字号、颜色等属性；<font face=”字体样式”>...</font> 可以通过face设置不同的字体。<font size=”文字字号”>..</font>用来设置字体大小。<font color=”字体颜色”>...</font> 用来设置文字颜色。

<b>加粗的文字</b>、<strong>加粗的文字</strong> 、<i>斜体文字</i>、<em>斜体文字</em>、<cite>斜体文字</cite>、<u>下划线内容</u>、<sup>上标内容</sup>、<sub>下标内容</sub>

19.设置段落格式

<p>段落文字</p>、<align=对齐方式>、<nobr>不换行文字</nobr>、<br>换行标记

20.水平线标记

<hr>在网页中输入一个此标记即添加了一条默认样式的水平线、<hr width=”宽度”>、<hr size=”高度”>、<hr color=”颜色”>、<hr align=”对齐方式”>、<hr noshade>利用水平线去掉阴影

21.css

1.css：层叠样式表。使用css能够简化网页的格式化代码，加快下载的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。样式表的首要目的的为网页上的元素精确定位。其次他把网页上的内容结构与格式控制相分离，使得网页可以仅由内容构成，而将网页的格式通过通过css样式表文件来控制

2.Css语法结构仅由3部分组成，分别是选择符、样式属性和值，基本语法如下：

选择符｛样式属性：取值；样式属性：取值；...｝

3.基本css选择器

标签选择器：直接将html标签作为选择器如p选择器；类别选择器：标记选择器一旦声明，则页面中所有的该标记都会相应的产生变化；Id选择器的使用方法和class选择器基本相同，不同之处在于id选择器只能在html页面中使用一次。

4.css的使用方式

链接外部样式表：<link type=”text/css” rel=”stylesheet” href=”外部样式表的文件名称”>

行内方式：<标记 style=”样式属性：属性值；样式属性：属性值；...”>

嵌入外部样式表：

<style type=text/css>

@import url(“外部样式表的文件名称”)；

</style>

内部样式表：

<style type=”text/css”>

<!--

选择符1（样式属性：属性值；样式属性：属性值；...）

选择符2（样式属性：属性值；样式属性：属性值；...）

....

选择符n（样式属性：属性值；样式属性：属性值；...）

-->

</style>

5.设置css属性

css属性分为：类型、背景、区块、方框、边框、列表、定位、扩展。

css类型属性：Font-family、Font-size、Font-style、Line-height、Text-decoretion、Font-weight、Font-variant、Text-transform、Color

css背景属性：Background-color、Background-image、Background-repeat、Background-attachment（确定背景图像是固定在它的原始位置还是随内容一起滚动）、Background-position(X)和background-position（Y）：指定背景图像相对于元素的初始位置。

css区块属性：Word-spacing：设置单词的间距；Letter-spacing：增加或减小字母或字符的间距。vertical-align：指定应用它的元素的垂直对齐方式。Text-align：设置元素中文本对齐方式。Text-indent：指定第一行文本缩进的程度。White-space：确定如何处理元素的空白。Display：指定是否及如何显示元素。

css方框属性：Width和height属性设置元素的宽度和高度。Float：设置其他元素在哪个边围绕元素浮动。Padding：指定元素内容与元素边框之间的间距。Margin：指定一个元素的边框与另一个元素之间的间距。

css边框属性：Style：设置边框的样式外观。Width：设置元素边框的粗细。Color：设置边框的颜色。

css列表属性：List-style-type：设置项目符号或编号的外观。List-style-image：可以为项目符号指定自定义图像。单击浏览按钮选择图像或输入图像路径。List-style-position：设置列表项文本是否换行和缩进以及文本是否换行到左边距。

css定位属性：Position：四个可选值：absolute能够准确将元素移动到你想要的位置，绝对定位元素的位置。Fixed--相对于窗口的固定定位。Relative--相对定位是相对于元素默认的位置的定位。Static--该属性值是所有元素定位的默认情况，可用static取消继承，即还原元素定位的默认值。Visibility：如果不指定可见性属性，则默认情况下大多数浏览器都继承父级的值。

css扩展属性：Page-break-before：其中两个属性的作用是为打印的页面设置分页符。Page-break-after：检索或设置对象后出现的页分割符。Cursor：指针位于样式所控制的对象上时改变指针图像。Filter：对样式所控制的对象应用特殊效果。

HTML/CSS总结1的更多相关文章

  1. Matplotlib数据可视化（3）：文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  2. CSS的未来

    仅供参考 前言 完成<CSS核心技术与实战>这本书,已有一个多月了,而这篇文章原本是打算写在那本书里面的,但本章讲解的内容,毕竟属于CSS未来的范畴,而这一切都还不能够确定下来,所以这一章 ...

  3. 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

    记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...

  4. 前端css兼容性与易混淆的点

    一.常用的骨灰级清除浮动 .clearfix:after { content: "."; display: block; height:; clear: both; visibil ...

  5. 理解CSS外边距margin

    前面的话   margin是盒模型几个属性中一个非常特殊的属性.简单举几个例子:只有margin不显示当前元素背景,只有margin可以设置为负值,margin和宽高支持auto,以及margin具有 ...

  6. 理解CSS视觉格式化

    前面的话   CSS视觉格式化这个词可能比较陌生,但说起盒模型可能就恍然大悟了.实际上,盒模型只是CSS视觉格式化的一部分.视觉格式化分为块级和行内两种处理方式.理解视觉格式化,可以确定得到的效果是应 ...

  7. 谈谈一些有趣的CSS题目（十二）-- 你该知道的字体 font-family

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

  8. ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章：利用模型类创建视图、控制器和数据库

    在这一章中,我们将直接进入项目,并且为产品和分类添加一些基本的模型类.我们将在Entity Framework的代码优先模式下,利用这些模型类创建一个数据库.我们还将学习如何在代码中创建数据库上下文类 ...

  9. 谈谈一些有趣的CSS题目（十一）-- reset.css 知多少？

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

  10. 梅须逊雪三分白，雪却输梅一段香——CSS动画与JavaScript动画

    CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...

随机推荐

  1. 判断一个 int 向量里是否有相同的数（1）

    class Solution { public: bool containsDuplicate(vector<int>& nums) { map<int,char> e ...

  2. ASP.net如何保证EF操作类线程内唯一

    说到线程内唯一,肯定会想到单例模式,但是如果多用户访问网站就会出现问题.ASP.net中有两种方法可以保证EF操作类线程内唯一(目前只会这两种,以后有好的方法再添加): 1.httpcontext(实 ...

  3. Uva 242 邮票和信封

    题目链接:https://vjudge.net/contest/146179#problem/D 题意: 信封上最多贴S张邮票.有N个邮票集合,每个集合有不同的面值.问哪个集合的最大连续邮资最大,输出 ...

  4. laravel框架总结(十一) -- 集合

      创建集合: collect 辅助函数会利用传入的数组生成一个新的 Illuminate\Support\Collection 实例. $collection = collect([1, 2, 3] ...

  5. Netsuite > Foreign Currency Revaluation 外币评估

    MENU: Transactions > Financial > Revalue Open Currency Balances 使用频率: - 每个月月底,结账前, 手工操作. - 或者在 ...

  6. Android runtime Exception 整理

    一般面试中java Exception(runtimeException )是必会被问到的问题 常见的异常列出四五种,是基本要求.更多的....需要注意积累了   常见的几种如下:   NullPoi ...

  7. placeholder右对齐的写法，兼容性比较高的一种方法

    placeholder右对齐的写法,如果你不考虑移动端的话,完全可以使用text-align:right,不过如果考虑移动端的话,在有一些手机上,即使你写了text-align:right,place ...

  8. 微信小程序-数据缓存

    每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync).wx.getStorage(wx.getStorageSync).wx.clearSt ...

  9. test homework ~ coverage about method printPrimes

    /******************************************************* * Finds and prints n prime integers * Jeff ...

  10. 【译】css动画里的steps()用法详解

    原文地址:http://designmodo.com/steps-c... 原文作者:Joni Trythall 我想你在css 动画里使用steps()会和我一样有很多困惑.一开始我不清楚怎样使用它 ...