css/html前端词汇详解

最新推荐文章于 2022-05-29 21:44:20 发布

西瓜味白桃汽水

最新推荐文章于 2022-05-29 21:44:20 发布

阅读量183

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/weixin_51109349/article/details/109193664

版权

css/html前端词汇详解

HTML：
<!DOCTYPE html> 定义文档为Html
<html></html> 定义一个HTML文档
<head></head>定义头部
<title></title>定义一个标题
<link rel=”stylesheet” src=”/style/css/style.css”> 链接外部资源
<meta charset=”UTF-8”>定义文档元信息
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">  宽度等于屏幕的宽度，最大和最小缩放不允许，缩放不允许
<meta name=”keywords” content=”<25字” > 关键字
<meta name=”description” content=”<85字”> 描述
<body></body>定义文档的主体
<style></style>在html定义css
<script></script>脚本
<noscript></noscript> 针对不支持脚本替代内容，通用不使用。
<div></div> 块
<span></span> 内联块，小块
<h1>to<h6>定义HTML标题，从大到小
<p></p>定义一个段落
<br> 换行
<hr>水平线，不常使用
<!-- ... -->注释
<a></a> 超级链接 <a href=”http://www.wmphp.com” target=”_blank”>顺盛网络</a>在新页打开网址
<img> 图像
<b></b> 粗体
<i></i> 斜体
<em></em>强调文本
<strong></strong> 强烈的强调文本
<small></small> 定义小号文本
<del></del> 定义被删除的文本
<s></s>定义删除线的文本
<u></u> 定义下划线文本
<pre></pre>定义预格式文本
<blockquote></blockquote> 定义块引用
<form></form> 表单
<input>输入控件，如<input type=”text”>text代表文本
button 按钮
checkbox 单选框
radio 复选框
file 文件
image 图像
text文本
password 密码
reset 重置
submit 提交
value <input type=”submit” value=”查询”> 显示为查询按钮
<textarea></textarea> 多行文本输入控件
<button></button> 按钮
<select>下拉列表
<option value=”1”>1</option>列表的项
<option value=”2”>2</option>
</select> 
<lable></lable> 定义Input元素的标注
<form> 例如表单结构
<lable>表单</lable>
<input type=”text” value=”用户名”>
<input type=”submit”> 
</form>
<iframe src=”http：//www.wmphp.com”></iframe> 框架
地图标记，要先有图像
<img src=”map.jpg”>
<map> <area coords=”0,0,90,120” href=”/map.html”>
</map>
<ol></ol> 有序列表
<ul></ul> 无序列表
<li></li> 列表中的项
<ul> 例如通用使用无序列表
<li></li>
</ul>

<dl> 自定义列表
<dt> 列表中的项
<dd></dd>项的描述
</dt>
</dl>

<table>表格
<tr>行
<td></td>单元格
</tr>
<table>

css

id 定义时用 #，唯一值只能使用一次
class 定义时用 . 可以重复使用
width 宽度
height 高度
float 浮动
left 左
right 右
position：定位
relative 相对
absolute 绝对
fixed 固定
top 上
bottom 下
font-family：“宋体”； 字体系列
font-size：14px； 字体大小
font-style：italic；字体样式为斜体
font-weight： 字体粗细 normal默认；bold粗；0-900
text-decoration：none；删除链接的下划线
text-align：left|center|right；文本对齐
text-shadow文本阴影
color：#ffffff|简写#fff|rgb(255,255,255)|white;
line-height：100px；行高100px
background：url(‘bj.png’) no-repeat scroll 0 0；背景设置为bj.png
background：inear-gradient(color1,color2)；渐变
border： 5px solid #f00；设置元素红边框5px
border-radius：5px；矩形边角弧度
margin 外边距
margin：0 auto；当元素设置宽度时居中
margin：10px 20px 10px 20px;表示距上10px，距右20px，距下10px，距右20px,
margin：10px 20px；将上面的做简写
padding 内边距，或叫填充
padding：10px 20px 10px 40px；距上10px，距右20px，距下10px，距左40px，右左不相同
display 显示
display：none；元素隐藏
display：inline； 设置为内联元素
display：block；设置为块级元素
visibility 可见性
visibility：hidden；设置隐藏
overflow：hidden; 溢出隐藏
list-style 简写属性，用于把所有的列表属性设置于一个声明中
list-style：none； 通常元素初始化时用
clear：both； 清除两边浮动
opcaity:0.4； 透明度，0-1，最大为1
outline 轮廓
cursor：pointer；鼠标切换为指针
z-index：0；元素的堆叠顺序，负值，0，正值，默认为0.
顶端固定：
postition:fixed;
top:0;
z-index:9999;

注：在HTML中<meta>、<link>、<img>、<input>、<embed>、<br>、<hr>是单标记外，其它全部是双标记。