zoukankan      html  css  js  c++  java
  • HTML/CSS

    记录两个在HTML中相当重要的标签。

    1.表单标签<form></form>

    将前台数据提交到后台(双标记)

      基本格式

      <form action="#" method= "post">

        姓名<input type= "text">

        <>

      </form>

    1.1method 属性有两种提交方式:

      post提交方式:

        使用浏览器表单内置对象提交数据。

      get提交方式

        通过url地址提交数据。

      不同:

        a.post的传输量没有限制,而get最多传输8192个字符

        b.post提交数据不会显示url当中,而get会

        c.post没get效率高,但是post安全。


     2017-07-24 09:07:15

    CSS基础

    CSS基本语法结构

    什么是CSS ?

    对标签内的属性,进行统一修改;

     

    CSS三种使用方式:

    1.内链样式

    使用css代码来设置某一个标签的样式。

    <p style="background-color: aqua; color:#FFFFFFF">
        hello
    </p>

    2.嵌入样式表

    只应用于某个HTML文件(不提倡使用)

    <head>
        <style>
            p {
                background-color: aqua ;
                color:#FFFFFF;
           }
        </style>
    <head>    

    3.外联样式表(常用)

    在CSS文件夹下,创建css文件,然后编辑css文件

    设置的是全局(整个网站)的样式;

    设置规则:css样式文件要跟html文件路径文件名相同

    <!--css文件-->
       p {
                background-color: aqua ;
                color:#FFFFFF;
           }


    <!--
    html文件,开始引用 --> <link rel="StyleSheet" type="text/css" href="style.css">

    注:使用三层思想,基本上是非常普遍的。目的就是增强拓展站性,高内聚低耦合。让程序员,维护人员,更方便的编写、修改维护程序。

     如何定义样式表?

    1.class 选择器

    <head>
        <style>
            .p {属性:属性值}
        </style>
    <head>
    
    
    <body>
    <p class="p1">
        hello
    </p>
    </body>    

    2.id 选择器

    <head>
        <style>
          #p1, p2{属性:属性值}
        </style>
    <head>
    
    
    <body>
    <p id="p1">
        hello
    </p>
    
    <p id="p2">
        hello wwww
    </p>
    </body>   

    3.派生选择器 

    用空格表示

    .div1 div p {
        font-size:20px;
    }
    
    <div class="div1">
        <div>
              <p>.....</p>
             <p>.......</p>
        </div>
    </div>

    还有很多选择器,在这里不一一举例,毕竟java不搞前台。这里给出一个网站方查询css的用法;

    http://www.w3school.com.cn/


    网页相关问题:

    span和div 的区别:

      1. span 内联元素:

      2. 块状元素 div,

      两者的区别在于空间上的不同,其次是span 不能通过属性设置高度,宽度;而div  是可以通过属性进行设置。

    a标签是行内元素;用display:block;转化

    相对定位:

      根据原本生成的地方进行位移。

    绝对定位:

    根据父类窗体进行定位,如果没有父类窗体,则利用body进行定位。

    常用的属性为: top、bottom、left、right

    浮动的问题:浮动都是以<li>的第一个元素开始浮动

      

  • 相关阅读:
    7.9 C++ STL算法
    7.8 C++容器适配器
    7.7 C++基本关联式容器
    Django项目静态文件加载失败问题
    Centos6.5安装mysql5.7详解
    使用Xshell上传下载文件
    linux中MySQL本地可以连接,远程连接不上问题
    Linux常用命令
    Linux环境安装python3
    python 字符串最长公共前缀
  • 原文地址:https://www.cnblogs.com/xuewuzhijing95hao/p/7216129.html
Copyright © 2011-2022 走看看