HTML,CSS本身是一门非常简单的语言,主要就是几个标签及一些属性修饰,稍微难点的就是我们必须知道的一些英文单词,比如如下:
img: image的缩写(图片) 网页上代表一张图片
src: source的缩写(资源) 网页上是指要被调用的图片,文件的位置
alt: alternative的缩写(可供替代的) 当图片显示不出来时则显示alt的文字信息
title: 标题 当图片正常加载显示,鼠标放到图片上时显示的文本内容
style: 风格,样式, 比如修饰不同的颜色,大小,边框等等
width: 宽 比如:width:200px; 宽:200像素
height: 高 比如:height:200px; 高:200像素
border: 边框 理解为相框的边界 比如: border:10px solid red; 边框宽度:10px 的红色边框
solid: 连续的,实心的 dashed: 虚线border-radius: 边框圆角
方向单词: left : 靠左 right: 靠右 center: 居中 top: 顶部 bottom: 底部
a : 超级链接
href: 链接到哪里, 点击跳转到哪里target: 目标
target="_blank" 在浏览器新窗口打开文档字体修饰属性:
1, font-size: 14px; 字体大小 14px
2, font-weight: bold; 字体加粗
3, color: red; 字体颜色 红色
4, text-decoration: underline; 文本修饰,显示下划线
5, text-decoration: none; 文本修饰,无下划线
6, text-decoration: line-through; 文本修饰,加删除线
7, font-family:'微软雅黑'; 指定使用什么字体,比如宋体,黑体等
8, line-height: 30px; line-height:行高 一行文字占的高度 30px
常用于两个地方:单行垂直居中 设置height = line-height
段落中多行字体之间的间隔 9, text-indent: 2em 文本缩进 10. text-align: 文本对齐background: 背景
background-color: 背景颜色
repeat : 平铺 重复
no-repeat: 不平铺padding: 内边距 衬垫,填充的空白
margin: 外边距 页边空白float: 浮动,飘动 像一条鱼在池塘中游到左边,或者右边
clear: both; 清除两边的浮动 像一个挡板把上下隔开,导致上下两边的鱼不能互相聊天
static: 静态
relative: 相对 参照物: static时的位置
absolue: 绝对 参照物: 第一个父级relative的父级元素
fixed : 固定的 对照物: 浏览器