您的位置：首页 > Web前端 > CSS

day02_常用表单%CSS简单应用

2016-09-06 23:03 197 查看

待到秋来九月八,

我花开尽百花杀.

冲天香阵透长安,

满城尽带黄金甲.

html表单

一共有四个标签

<form> 属性:name action(表单提交的位置) method(表单提交的方法value有get post)

注:get和post的区别:

get提交的参数在提交的地址后面

post提交的参数不在提交的地址后面,而在提交体当中

get大小由具体浏览器的内部设定而定

post的大小一般没有限制

get的安全性相对较差

post的安全性相对较好

<input> 属性type type值确定表单的形式

"text"普通文本文档

"password"隐藏字符文档

"radio"单选框

"checkbox"多选框

"button"普通按钮

"submit"提交按钮

"reset"重置按钮

"image"图片按钮

"hidden"值只上传给服务器,不提供给用户观看

"file"上传文档

<input>标签常用的几个属性

name value 这两个属性几乎都要有(除了按钮) checked单选框.多选框常用 readonly标记为只读 disabled标记为不可用

maxlength 设置最大长度 placeholder占位符

<select>下拉表单常用属性name multiple size(multiple与size属性常一起使用)

<option>select标签的子标签提供选项属性 name value selected

<div>是行级块标签

<span>是行内块标签

CSS的基础知识

三种基本样式

1.内嵌样式:属性值内嵌在html标签中用style

eg:<div style="属性:值">

2.内部样式:在html的<head>中使用选择器

eg:<style type="text/css">

3.外部样式:创建.css文件并进行引用

eg:<link rel="stylesheet" type="text/css" href=".css文件路径">

比较三种样式的优缺点:

内嵌样式:书写快速可读性好没有复用性

内部样式:书写麻烦有一定可读性有一定复用性

外部样式:复用性好可读性稍差需要引入文件

CSS的几种选择器

基本选择器

元素/标签选择器

id选择器 #id属性

类选择器 .class属性

层级选择器一层一层的选择

eg:#div2 div .s1{}

属性选择器

input[type=""]{}

style的一个特殊属性:background-image

<style="background-image:url(路径)">

<div>的浮动

若想要让下一个不受浮动影响,需要先清除浮动

盒子模型

border: 4px solid red;

padding: 盒子内壁到元素之间的间隙

margin:盒子外壁到盒子父元素之间的间隙

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航