zoukankan      html  css  js  c++  java
  • 2017.10.23学习知识总结回顾及编写新网页

    PM:

    一、html标签 +内容
    标签:决定内容的显示方式,样式

    二、案例技术要求
    使用标签
    CSS
    容器-div

    开发工具:Sublime text3
    chrome

    html css js
    内容 + 显示 +动作

    三、html
    正常情况下是流式布局(一个一个挨着)

    h-标题标签
    p-段落标签


    div-多个元素,多行元素 block
    span-存放单行文本,元素 inline
    成对标签 <h1></h1>
    单标签 <br></br> 换行\r <hr>
    空格标签 &nbsp; &lt; &gt

    四、css (cascading style sheet)级联样式表单
    控制内容的显示样式
    选择器+规则

    1.元素选择器
    div{background-color:black;}
    h1{ }
    a{ }
    img{ }

    2.ID选择器--一个元素的ID,只会影响到本元素(优先权最高)
    #myid{ }
    clear:both 左右都没有东西


    magin -border - padding-content

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

    实现音乐网页
    ../ --前一个目录的文件
    ./ --本目录

    <img src="img/1.jpg" width=>


    ------------------------------------------------------------------------
    总结:
    1.html标签
    文档:<html> <head><body> </body></head></html>
    内容标签:<div>多行内容
    <span>一行内容
    链接a <a href="url" ></a>
    图片 <ima src="" width height>
    <video> <audio>

    2.css样式表 选择器+规则
    id样式表
    元素样式表 body{ } div{ } img{ }

    颜色:
    color:字体颜色
    background-color

    3.布局+盒子模型

    ----------------------------------------------------------------------------
    总结:
    一、进行总结:--》blog
    1.html/css
    2.布局 盒子模型

    二、自己做一个网页

    NT:

    1.回顾音乐网页编程,改善,改良,margin的使用,元素容器及ID容器标签li(ol->有序列表,ul->无序列表)
    2.class和id
    3.查找网页模板及学习(百度营销中心)探索head添加背景图片,尝试自我营销网页编写
    4.用下载源码,查看源码的方式进行学习

    Question:文字click需要js事件触发?

  • 相关阅读:
    《C++ Primer(第五版)》知识巩固
    Ubuntu下配置安装Hadoop 2.2
    Golang框架beego和bee的开发使用
    C++下混合编译c语言方法总结
    算法导论学习笔记1---排序算法(平台:gcc 4.6.7)
    基于web端去除空格小工具
    Google Map API抓取地图坐标信息小程序
    【算法导论】散列表
    【算法导论】二叉搜索树
    【算法导论】基本数据结构
  • 原文地址:https://www.cnblogs.com/JackChenYK/p/7719846.html
Copyright © 2011-2022 走看看