html和CSS应该知道内容
来源:互联网 发布:七层网络结构 编辑:程序博客网 时间:2024/06/06 04:45
普通输入项:type="text"
密码:password
单选:radio name值相同,value值不同
复选框:checkbox name值相同,value值不同
下拉框:select option
文本域:textarea
隐藏项:type="hidden"
文件:type="file"
提交按钮:type = "submit"
重置:reset
使用图片提交:<input type="image" src=""/>
普通按钮:type="button"
<form></form>
-action method enctype
method:get post
div自动换行
span在一行显示
class选择器
<div class="haha">aaa</div>
.haha{
}
id选择器
<div id="haha">aaa</div>
#haha{
}
css选择器优先级:style > id选择器 > class选择器 > 标签选择器
div p{}设置嵌套标签样式
div,p{}不同标签具有相同的样式
伪元素选择器:
原始状态 鼠标放上去状态 点击 点击之后
:link :hover :active :visited
a:link{
}
边框:border :2px solid blue
上:border-top
下:border-bottom
左:border-left
右:border-right
内边距:padding: 上下左右:padding-top
外边距:margin: 上下左右:margin-top
float:left:文本流向对象的右边,后面的div到右边
right:文本流向对象的左边,后面的div到左边
定位:position:absolute:将对象从文档流拖出,然后进行定位,用top,bottom等
relative,不拖出去,定位
密码:password
单选:radio name值相同,value值不同
复选框:checkbox name值相同,value值不同
下拉框:select option
文本域:textarea
隐藏项:type="hidden"
文件:type="file"
提交按钮:type = "submit"
重置:reset
使用图片提交:<input type="image" src=""/>
普通按钮:type="button"
<form></form>
-action method enctype
method:get post
div自动换行
span在一行显示
class选择器
<div class="haha">aaa</div>
.haha{
}
id选择器
<div id="haha">aaa</div>
#haha{
}
css选择器优先级:style > id选择器 > class选择器 > 标签选择器
div p{}设置嵌套标签样式
div,p{}不同标签具有相同的样式
伪元素选择器:
原始状态 鼠标放上去状态 点击 点击之后
:link :hover :active :visited
a:link{
}
边框:border :2px solid blue
上:border-top
下:border-bottom
左:border-left
右:border-right
内边距:padding: 上下左右:padding-top
外边距:margin: 上下左右:margin-top
float:left:文本流向对象的右边,后面的div到右边
right:文本流向对象的左边,后面的div到左边
定位:position:absolute:将对象从文档流拖出,然后进行定位,用top,bottom等
relative,不拖出去,定位
0 0
- html和CSS应该知道内容
- HTML与CSS谈谈内容和样式
- 应该学会HTML和CSS的9大理由
- 项目中必须知道有关css和html的常识
- HTML和CSS你可能不知道的技巧
- HTML和CSS你可能不知道的技巧
- .net应该要知道的内容
- java中的一些应该知道的内容
- JQuery(三)——操作HTML和CSS内容
- 知道id或者name 替换内容 html
- 即使不编程 你也应该学会HTML和CSS的9大理由
- css链接和内容
- css html 当你对一个html定义它的width和height无用时应该怎么做
- 每个网页设计师应该知道的10条CSS规则
- 你应该知道的一些事情——CSS权重
- 你应该知道的CSS文字大小单位PX、EM、PT
- 你应该知道的9个优秀的CSS框架
- 你应该知道的一些事情——CSS权重
- IDEA / WebStorm / PhpStorm 添加jQuery自动提示,自动补全,提示文档
- 火狐浏览器扩展不兼容问题解决
- win32相关对共享资源操作几种方式
- 深入学习Struts2
- iOS:个性化UITextView(缩进,行距,铺满)
- html和CSS应该知道内容
- 灰度直方图
- 欢迎使用CSDN-markdown编辑器
- 测试
- 基本数据结构:链表(list)
- 什么是I帧,P帧,B帧
- 使用56短信网接口实现发送短信验证码
- centos6.5下安装ffmpeg
- 火狐打开百度首页自动跳转到如下网页:http://www.baidu.com/baidu.html?from=noscript