• HTML、CSS


    01. HTML的主体结构标签

      

     02. 在Head 部分使用的标签主要有:

      <base>, <link>, <meta>, <script>, <style>, <title>

      base: 

        base标签为页面上所有的链接规定默认的地址或默认目标;

        >> 通常情况下,浏览器会从当前文档的URL中提取相应的元素来写相对URL中的空白;

        >> 使用base标签后,可以改变这一点,将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL

          包括: <a>, <img>, <link>, <form> 标签中的URL;

      meta

        meta标签可以提供有关页面的元信息(meta-infomation),比如针对搜索引擎和更新频度的描述和关键词;

        meta标签位于文档的头部,不包含任何内容;

        meta标签的属性定义了与文档相关联的名词/值对

     

    03. 如何将自己的网站让搜索引擎收录

      a.在网站<head> 中添加如下 <meta> 内容

        <meta name="keywords" content=" (这里是写你网站的关键字,在搜索引擎搜索此关键字能找到你的网站,每个关键字之间用英文的逗号分隔开)">

        <meta name="description" content="(这里是写你网站的描述,每个描述之间用英文的逗号分隔开)">

        如新浪网的内容如下:

        <meta name="keywords" content="新浪,新浪网,SINA,sina,sina.com.cn,新浪首页,门户,资讯">

        <meta name="description" content="新浪网为全球用户24小时提供全面及时的中文资讯,内容覆盖国内外突发新闻事件、体坛赛事、娱乐时尚、实用信息等,设有新闻..、科技、房产、汽车等30多个内容频道,同时开设博客、视频、论坛等自由互动交流空间。">

      b.将自己的网站提交到搜索引擎

        打开网址:http://www.baidu.com/search/url_submit.html  

        填写自己的网站地址,并提交

        

      c. 查看收录情况

        在搜索地址栏中输入:      site:域名    查看网站是否已被收录

        >> 未收录

          

        >> 已收录

          

     04. iframe标签

      iframe标签用于在一个页面中嵌入另一个页面;

      可以直接配置 iframe 的 src 属性;在打开时,会默认加载src配置的url地址;

      配合 a 标签使用时,可以使用 a 标签的指定 iframe 指向的页面;

      

     ---------------------------------------------------------------------------------------------

    01.CSS的存在区域

      a. 元素标签中的 style 属性中;

        <div style="属性1:值1; 属性2:值2">

      b. html文档的 <style>标签体中

        元素选择器{

          属性1: 值1;

          属性2: 值2;

        }

      c. 独立的.css文档中;

        在head标签体中,配置引入:   <link rel="stylesheet" href="style.css">

    02. CSS选择器的类型和优先级

      a. CSS选择器的类型

        1.标签选择器(如:body,div,p,ul,li)
        2.类选择器(如:class="head",class="head_logo")
        3.ID选择器(如:id="name",id="name_txt")
        4.全局选择器(如:*号)
        5.组合选择器(如:.head .head_logo,注意两选择器用空格键分开)
        6.后代选择器 (如:#head .nav ul li 从父集到子孙集的选择器)
        7.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示
        8.继承选择器(如:div p,注意两选择器用空格键分开)
        9.伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)
        10.字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含)
        11.子选择器 (如:div>p ,带大于号>)
        12.CSS 相邻兄弟选择器器 (如:h1+p,带加号+)

       b. 选择器优先级别

        !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

        !important 一般不建议使用;它与规则无关,直接决定最终结果样式;

        优先级别一样时,按就近原则原则处理;

    03.盒子模型

      a.盒子水平排列

        

       b.盒子纵向排列

        

        

      

  • 相关阅读:
    深入浅出js单例模式
    前端常见面试-存储/缓存篇
    JavaScript内存管理
    delete操作符
    解决window.location.href跳转无效问题解决办法
    前端程序员经常忽视的一个JavaScript面试题
    【华为云技术分享】漫谈LiteOS-端云互通组件-MQTT开发指南(上)
    【华为云技术分享】序列特征的处理方法之二:基于卷积神经网络方法
    【华为云技术分享】原来CTR预估模型的发展有这样的规律
    【华为云技术分享】在家办公怎么弄?华为云DevCloud宝典一看就懂——项目管理篇
  • 原文地址:https://www.cnblogs.com/jieling/p/16090785.html
Copyright © 2020-2023  润新知