HTML/CSS总结1
2018-06-24 00:24:45来源:未知 阅读 ()
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.插入其他标记
插入空格符号:
插入特殊符号:&...©
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:对样式所控制的对象应用特殊效果。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:bootstrap的滚动监听
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash