zoukankan      html  css  js  c++  java
  • HTML之css+div

    做一个网站 先见站点

    ../往上翻一个文件夹

    超链接:

    <a hert = " " target(超链接的打开方式) 
    = "self(自身)"或"new(新开窗体)">

    </a>

    锚点:超链接的特殊应用

    <a href="#1"...> </a>

    <a name ="1"> </a>

    表格:容器,可以把这一个页面 划分区域

    表格不能随便移动

    div: 层标签 (默认占一行)

    通过坐标设定位置,可以随意挪动 table 的单
    元格 可以任意拖拽

    更利于网站优化

    <div> </div>

    css:style:样式表 控制标签的样式

    body以及body里面所有的标签都可以加style

    style:样式表

    内联样式表:style 样式表写在body属性位置 
    的时候

    内嵌样式表:写在head范围之内的,来控制当前

    页面着写标签的样式

    <head>
    <style>
    body{ /* 设置body标签的 
    颜色 */
    /style>
    </head>

    外部样式表:通过 link 标签 链接 css 文件

    起一个宏观调控的作用,后期维护方便

    <head>

    选择器:如何用外部样式表控制HTML的标签

    <link type="text/css" 
    href="css/style.css" rel="stylesheet" />

    </head>

    id选择器:标签的身份编号,一个网页里面 
    body范围

    之内所有的标签都可以写id 而且 id不能重复

    唯一识别

    先在css文件里设置:

    #p1
    {

    color:#0F9;}

    然后:作用在原文件

    </head>

    <body>
    <p id="p1">rer</p>
    <p id="p2">sdf</p>
    <p id="p3">sdf</p>
    </body>
    </html>

    标签选择器:
    body{ /* 设置body标签的 
    颜色 */
    font-size: 13px; line-height: 23px;">优先遵循id选择器

    在css注释:/* */
    在HTML注释<!-- -->

    class选择器:
    先在css文件里面建立

    .yangshi1
    {

    color:#C0F;}

    然后在文件里面link css文件 然后通过 
    class=样式的名字
    <body>
    <p id="p1">rer</p>
    <p id="p2" class="yangshi1">sdf</p>
    <p id="p3">sdf</p>
    </body>

  • 相关阅读:
    ES6/ES2015核心内容(上)
    集合转数组的toArray()和toArray(T[] a)方法
    重复输出一个给定的字符串
    10道典型的JavaScript面试题
    用 JavaScript 检测浏览器在线/离线状态(JavaScript API — navigator.onLine)
    List<实体>与List<String>数据互转
    CSS实现四种loading动画效果
    Windows上安装Mac OS
    Android应用层View绘制流程之measure,layout,draw三步曲
    推断输入信息是否为空
  • 原文地址:https://www.cnblogs.com/wangfangjia/p/4941289.html
Copyright © 2011-2022 走看看