码迷,mamicode.com
首页 > Web开发 > 详细

html_day4+css

时间:2016-11-29 06:54:00      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:按钮   frame   单选   宽度   bsp   英文   实现   textarea   括号   

表单控件共有的属性:
enabled:表示表单控件可用
disabled:表示表单控件被禁用
readonly:表示表单控件只能读
name属性值的作用:
需要将表单的数据提交到服务器处理就要写name,反之不用.

多选按钮:
<input type‘checkbox‘ name=‘名称‘ value=‘值‘>
checked:表示已勾选 它没有属性值 一般是checked=‘checked‘

文件上传:
<input type=‘file‘ name=‘名称‘ />
提交:
<input type=‘button‘ name=‘名称‘ value=‘值‘ />普通按钮
功能:
<input type=‘reset‘ name=‘名称‘ value=‘值‘/>重置按钮
<input type=‘submit‘ name=‘名称‘ value=‘值‘ />提交按钮
图片按钮:
<input type=‘image‘ src=‘图片的URL地址‘ /> 图片按钮
隐藏域:
<input type=‘hidden‘ name=‘名称‘ value=‘值‘ />有些数据不想给用户看到又需要将这些数据提交给PHP处理时使用

语法
<input type=‘value‘>
属性值:
button 定义可点击按钮
checkbox 定义复选框
file 定义输入字段和浏览按钮,供文件上传
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段
radio 定义单选按钮
submit 定义提交按钮
text 定义单行输入字段,用户可在其中输入文本(宽度20个字符)

文本域:
<textarea name=‘名称‘ cols=‘列数‘ rows=‘行数‘></textarea>

使用<botton></botton>标签来实现按钮
普通按钮:
<botton type=‘botton‘>值</botton>
<botton type=‘submit‘>值</button>
<botton type=‘reset‘>值</button>


下拉菜单
<select>
<option></option>
<option></option>
<option></option>
</select>

 


框架格式:
<frameset>
<frame/>
</frameset>
frmaeset的属性:
rows:将浏览器窗口分割为上下型
cols:将浏览器窗口分割为左右型
border:边框线
borderColor:边框的颜色
<frame>的属性:
noresize=‘noresize‘ 不可以调整小窗口的大小
src:链接小窗口显示的网页
name:规定小窗口的名称

HTML5新增的表单控件三个属性
required:必填属性
placeholder:默认显示内容
autofocus:自动获取焦点
HTML5新增的input标记的type属性
Email 邮件
Date 日期
url 网址格式
Number 数字
Range 范围
Color 颜色

CSS
css代码是由选择器和{}组成
大括号里面是一条条声明语句组成
声明语句用(英文状态的)分号结束
声明语句由"属性:值"组成
css中的属性值一般不需要加引号
css中的属性值是数值型数据 一般要加单位 单位都是px
css代码中不能出现任何的HTML标签

嵌入式:
CSS代码通过HTML标签嵌入在HTML文档中 通过一对<style></style>标签来书写代码
外链式:
CSS文件可以单独作为一个文件在存储!文件必须是以.css为拓展名
使用HTML中的一个<link/>将CSS文件引入到当前的HTML文件中
<link />标签可以有多个

标签的公有属性
每一个HTML标签都拥有的属性
id、class、name、style、title

id:它就像一个身份证号码 一个HTML文档中id的属性值必须是唯一!
class:class属性值可以相同 只有有相同的class属性值的标签为一类
name: 名称
style:样式
title:标题

嵌入式和外链式之间区别:
使用嵌入式的CSS代码只能被当前的HTML文件用
使用外链式的CSS代码它能够被多个HTML文件所用

注释:
格式:/*注释的内容*/


CSS选择器分为:
基本选择器、复合选择器、伪类选择器!

基本选择器
通用选择器
格式:*{属性:值;}
作用:给HTML中所有标签设置样式 不建议使用

尺寸属性
width 给元素设置宽度 单位px
height 给元素设置高度 单位px 

html_day4+css

标签:按钮   frame   单选   宽度   bsp   英文   实现   textarea   括号   

原文地址:http://www.cnblogs.com/ayjm/p/6112020.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!