首页 / CSS / 总结HTML,CSS
总结HTML,CSS
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了总结HTML,CSS,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2086字,纯文字阅读大概需要3分钟。
内容图文
HTML部分:
一、超链接部分:<a herf>是超文本链接引用,属性为目标文件。
1、热区链接
<img src="图片地址" usemap="#映射图片名称">
<map name=“映射图片名称”>
<area shap="热区形状" coords="热区坐标" href="URL">
</map>
2、 图片链接
<a href=" ">
<img src=" " border=" " alt=" ";> // (表示规定图片的替代文本,提示文字。)
</a>
3、地址链接
<adress>...</adress>地址信息,用斜体显示。
4、E_Mail链接
<a href="mailto....?cc=...& bcc=....& subject=...& body..."> // (cc是指抄送文件,Bcc是指密件抄送文件 subject是指主题,body是指内容)
5、 引用<q>..</q>之间内容不用“”。placeholder是文本框中的灰色字体。font-weight:mormal是设置字体的粗细。
二、表单
方法:post 、get两种。
单选按钮中的name 值必须一样,Value值不同。
复选框checked,单选按钮 radio
legend是域标题 , fildset是定义域。
colspan是横向并列,rowspan是纵向并列。row是行,col是列。
表单中的ID是自己命名的ID,用来标示页面的唯一元素。
CSS部分
CSS作用内容与表现分离。
一、选择器
选择器包括:标记选择器(HTML的元素。如:p{color:red;}).
类选择器(.ahd{ ...} class="ahd"),ID选择器(#er{ ...} id="er"),(两类的生命在<style type="text/css> ...</style>之间。)ID选择器只能用一次,类选择器可以使 用多次,同时还能为一个元素设置多个样式。
伪类选择器(a:link{ ...})鼠标未点击,a:visited{ ..} 点击后, a:hover{...}在link之后 悬挂时,a:active{ ...}在hover之后 连接时。
派生选择器 li strong{ ....}
子选择器 .food>li { ..} 后代选择器 。food li{ ..}
二、样式
内链样式表 <p style="color:blue" >
内部样式表,在<head>.....</head>之间设置<style type="text/css">....</style>
外部样式表。 链接外部样式表和导入外部样式表两种方式,以.css结尾的文件,只放在<head>中。外部样式链接表<link href=".." rel="stylesheet" type="text/css">
外部样式导入表<style type="text/css">
@import url(“ ”);
</style>
三、DIV块
块DIV的嵌套,DIV的层叠z-index:0,1,2.其中2是在最上方。position:absolute 相对于浏览器的偏移量, relative是相对于原位置的偏移量, none.
display:block,inline.block是块状元素,可自动换行,inline是内联元素。span是行内,可用于突出重点,不自动换行。inline-block是内联块状元素,可用于分页。
margin是边界,盒外部的边界,margin的左右边界两个盒锁设置的边界和为左+ 右。上下边界则是最大的边界设置,若有负数,则是相加之和。
四、居中
1、定宽块状元素。设置居中:width:,,; margin的左右为auto;
2、不定宽块状元素。设置居中 1】加入table,包括tbody,tr,th同时设置margin的左右为auto;
2】diaplay:inline,同时用text-algin;
3】父元素设置float,position:relative;left:50%;子元素position:relative;left:50%.子元素可消除浮动。clear:...
五、框架
<frameset cols="20%,80%" rows="10%,80%,10%“>
<frame src=" " name=" " ...... >
</frameset>
原文:http://www.cnblogs.com/lvxiaojie/p/4599755.html
内容总结
以上是互联网集市为您收集整理的总结HTML,CSS全部内容,希望文章能够帮你解决总结HTML,CSS所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。