zoukankan      html  css  js  c++  java
  • 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 时间信息框

  • 相关阅读:
    世界上最遥远的距离(泰戈尔)
    肩周炎?
    [转]C#基础概念二十五问
    [转]ASP.NET 2.0的缓存技术简介
    SQL Server 2005下的分页SQL
    [转]基本的缓存类操作封装(抽象类)
    GridView鼠标经过行变色
    推荐一个好用的.NET2.0下的发送EMail的库
    Data Access Application Block for .NET
    Pet Shop 4.0的缓存机制
  • 原文地址:https://www.cnblogs.com/KHZ521/p/12573805.html
Copyright © 2011-2022 走看看