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>的第一个元素开始浮动

  

posted @ 2017-07-24 14:14  Zero豪  阅读(158)  评论(0编辑  收藏  举报