HTML+CSS笔记
请求头中的referer参数:标识了这个请求是从那个连接过来
html:
html中标题标签最多到 <h6>
<!DOCTYPE html> 声明文档类型为html5
作用:通用标记语言,主要是告诉浏览器使用什么样的方式解释文档
div的主要作用:栈块布局,使得页面更具有层次感,方便代码的整理与维护
display:
block:将行内元素设置为块元素
inline:将块元素设置为行内元素
none:设置文件的隐藏
display:none与visibility:hidden属性的区别->
display:none:设置元素隐藏,占据的空间消失
visibility:hidden:设置元素的隐藏,但是占据的位置依然存在
float:浮动
clear:both 清除浮动
margin:外边距 left | right | top | bottom
设置居中:margin:0 auto;
padding:内边距
border:边框
border:1px solid red;
solid的值可以更换为:dashed虚线,hidden透明线,none 无,设置改属性时,设置的颜色以及大小将会被忽略
red可以更换为transparent,表示颜色透明,但是依然存在,可以呈现等腰三角形的效果
文字效果:
font-size:设置文字的大小(单位为像素最好)
font-weight:设置文字的粗细
bold:粗体
font-style:oblique设置文字的倾斜
line-height:设置行高,当行高与父元素一致时,文字表现为垂直居中
text-decoration:
none:清除a标签样式
text-family:设置文字字体
背景设置:
backround-color:设置背景颜色
backround-image:设置背景图片(只能从当前文件夹开始查找 ./表示当前目录../表示上一级目录)
backround-repeat:设置背景图片是否平铺 repeat:重复
no-repeat:不平铺
repeat-x:水平平铺
backround-attachment:设置背景是否跟随鼠标滚轮滚动
fixed:相对于窗口固定
local:相当于元素内容固定,就是相当于浏览器移动
backround- position:背景位置
top靠上,left靠左,right靠右,bottom靠下,center居中
video:视频标签
audio:音频标签
通用子标签:
source src="URL"
属性:
autoplay:视频就绪后马上播放
controls:向用户显示控件
loop:重复播放
height:播放器的高度
width:播放器的宽度
muted:规定视频输出的音频应该被静音
poster:视频下载或者播放前显示的图像
css选择器:
css使用方法:
1.style标签使用
2.link链接外部样式
<link rel="stylesheet" href="URL">
3.通过标签的style属性设置样式
4.在css文件中,通过@import url=("URL")导入第三方库
列表的style:
list-style-type:列表样式
无序列表:list-style:none 清除列表样式
<ul>
<li>内容</li>
<ul>
表格:
<table> 表格
<caption> 表格头
<tr> 表格行
<th> 列标题
<td> 单元格
水平对齐属性:align = left | center | right
垂直对齐属性:valign = top | middle | bottom
单元格间距:cellspacing 单元格之间的间距
单元格填充:cellpadding 单元格与内容的距离
合并单元格:
colspan:合并行
rowspan:合并列
超连接:<a>
targe:
_self:在原网页打开(默认)
_blank:打开一个新窗口
href:用法:href="URL"
#:表示当前页面
title:鼠标移动到提示
内部链接:访问同一服务器下的文件
外部链接:访问外部网站,需要加协议名,如https://www.baidu.com
下载连接:链接非网页内容 如head="xuexi.doc"
锚点链接:一般用于回到顶部
图片链接:<img src:链接图片的地址>
表单:<form>
input:表单元素
text:文本框
maxlength:最大输入值
password:密码输入框
radio:单选框
name属性确定单选框的组
checked:使用该单词的时候为默认值
checkbox:复选框
file:文件上传
textarea:文本域(多行文本输入框)
cols:调整宽度
rows:调整高度
button:按钮
submit:提交按钮
reset:重置按钮
select:下拉菜单
option:选项
selected:设置打开网页下拉菜单的内容
HTML5新标签
header 头部
nav 导航
footer 底部信息栏
time 时间信息框