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 时间信息框

posted @ 2020-03-26 13:19  追得上的梦想  阅读(174)  评论(0编辑  收藏  举报