记录两个在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的用法;
网页相关问题:
span和div 的区别:
1. span 内联元素:
2. 块状元素 div,
两者的区别在于空间上的不同,其次是span 不能通过属性设置高度,宽度;而div 是可以通过属性进行设置。
a标签是行内元素;用display:block;转化
相对定位:
根据原本生成的地方进行位移。
绝对定位:
根据父类窗体进行定位,如果没有父类窗体,则利用body进行定位。
常用的属性为: top、bottom、left、right
浮动的问题:浮动都是以<li>的第一个元素开始浮动