html和css总结

表单标签:

form标签

action:表单最终提交的地址(url)/提交的某个页面中
                        method:提交的方式
                        get方式:
                                1)它提交后,用户的敏感数据会显示在地址栏中,不安全的
                              2)提交的用户数据大小是有限制的,不超过1kb
                                post方式
                                1)它提交后,用户的信息不会显示在地址栏中
                                        2)提交用户数据大小没有限制,还是(小文件)

<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">

<title>test</title>

</head>
<body>
<form action="#" method="post">
用户名:<input type="text" name="username" value="请输入3-12位字母或者数字" /> <br />
密&nbsp;&nbsp;码:<input type="password" name="password" value="请输入6-16位字母或者数字" /> <br />
<input type="submit" value="提交" />

</form>
</body>
</html>

表单中常用的:
        文本输入框:<input type="text" name="" /> 
            密码输入框:<input type ="password"/>
            单选框: <input type ="radio" /> <input type="radio" name="gender" value="男" /> 男
            复选框: <inpyt type ="checkbox"/>   <input type="checkbox" name="hobby" value="篮球" />篮球
            下拉菜单:<select name=""></select> 

       <select name="address"> 

<option value="陕西">陕西</option>

< /select>


            上传文件:<input type="file" name=""/> <input type="file" name="1.txt" />
            文本输入域:<textarea></textarea>
            按钮:<input type="button" value="" />
            提交:<input type = "submit" />
            重置:<input type="rest" value="重置"/

框架标签:

frameset不能和body共存
row属性:按行的方向划分:从上往下划分 划分的每个页面占整个部分的白分比
    cols属性:按列的方向划分 从左往右划分 划分的每个页面占整个部分

name属性 :name属性值和超链接中的target属性值一致
            超链接必须在当前中间页面显示在CSS 定义中,

a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。

在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
        link--visited--hover---active

向文本增加修饰

text-decoration属性

属性值:
none:没有下划线
underline:下划线
overline:上划线
line-through:中划线  场景:购物 原价中间有中划线!

CSS字体以下常用属性
font-family:字体类型
用户设置的字体类型,必须是系统库中存在的字体类型,如果系统库中找不到这个字体类型,默认宋体
font-family:"楷体" ;
font-size:设置字体的大小
font-size:20px
font-style  设置字体样式
normal:(默认)正体
italic:斜体
  font-style:normal ;
font-weight:给字体设置粗细:
bold:给字体适当加粗
font-weight:bold;
font的简写属性
font:字体的样式(normal/italic) 字体的粗细(bold) 字体的大小(font-size) 字体的类型(font-family)
 font:italic bold 24px "楷体"; 

边框颜色:border-color:四个边框的颜色*/

border-top-color:#F00;
border-left-color:#0F0 ;
border-right-color:#00F;
border-bottom-color:#00F;


边框颜色的简写属性
默认的方向:上 右  下 左 进行设置的
如果边框中又一边颜色没有设置,那么它会补对面的颜色!
border-color:#F00  ;
边框宽度:border-width:四个边框的宽度
border-top-width:10px ;
border-left-width:20px ;
border-right-width:30px ;
border-bottom-width:40px ;
边框宽度的简写属性
上 右 下 左
某一边没有设置边框宽度,补对边的宽度
border-width:10px ;
注意;边框要显示效果,光有边框颜色和边框的宽度是不行的,还需要指定一个属性
边框的样式:
border-style:四个边框的样式
以下几个值:
solid:单实线
dashed:虚线
dotted:点
double:双实线
border-top-style:solid ;
border-left-style:dashed;
border-right-style:dotted ;
border-bottom-style:double ;



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章