HTML、CSS中相似的元素、声明以及概念间的差别
2016-07-09 22:32
417 查看
元素的类别(在标准文档中,即没有CSS干预的情况下):
块级元素:独占一行,宽高不随内容改变,可自行设置宽高;行内元素:依附块级元素排列,不可设置宽高,大小随内容改变;
行内块级元素:可在一行显示,也可设置宽高。
表格
colspan 横向合并单元格rowspan 纵向合并单元格
cellpadding 单元格内容与其边框之间的空白距离
cellspacing 单元格之间的距离
th
表头
caption
表格的标题
表单
method属性值get method的方式之一,将用户填写的信息赋到url地址栏中(必须配合标签的name),传输方式不安全,但速度较快;传输数据小
post method的另外一种方式,相当于将用户填写的信息进行一种封装,然后传输到后台,传输方式安全,但传输速度较慢;传输数据量较大按钮
<input type="button" > 普通按钮,可配合JS完成提交或者撤销等相关事件,不带提交功能;
<input type="submit" > 提交按钮,按钮中文字设定为“提交”,修改较麻烦,自带提交跳转功能;
<button> 按钮属性,自带跳转功能,按钮名字可自行输入
透明色
rgba (红,绿,蓝,透明度) 透明度范围为0-1,只可设置背景色透明;
Opacity 直接设置透明度,范围0-1,可对所有元素设置
图片
【
前景图
img是数据性的东西,属于页面要展现的内容。
背景图是修饰性的东西,不要也罢。
比如,用户图像,肯定是前景图了;产品列表的图片,也是前景图了。
但是产品列表的图片,有的左上方有个推荐的标签,减价的标签,肯定就是修饰
】
background-image 背景图片 CSS属性样式,雪碧图必须用的;变化较大的
img HTML标签元素 ,变化较小的
reset
<input type="reset"> 将表单内容重置
reset.css
一种成熟的CSS重置技术,可重置掉标签自带的某些属性,比如margin,padding;方便调试浏览器bug,避免导致调试工具杂乱
边框
border占像素
outline轮廓,不占像素
阴影
box-shadow
边框阴影,不占像素,包含5个属性值(水阴影,平垂直阴影,模糊距离,阴影尺寸,阴影颜色)
text-shadow
文字阴影,占像素,只有4个属性值(水阴影,平垂直阴影,模糊距离,阴影颜色)
相关文章推荐
- CSS3的相关知识
- CSS3 ::selection{}
- css2 和 css3的区别
- css
- CSS计数器
- CSS3盒模型box-sizing属性详解,布局更方便
- css3 box-sizing属性
- 纯CSS3画出小黄人并实现动画效果
- 【唯一讲明白的】CSS中position属性( absolute | relative | static | fixed )详解
- css3-loading效果
- html css学习(1)
- 使用html和css制作水平导航栏nav
- css3-3D透明照片墙
- CSS中display:block属性的作用
- js获取css属性值
- CSS属性display:inline-block使用揭秘
- CSS为div添加尖角样式
- DIV+CSS:如何编写代码才能更有效率
- css文件加载不出来,竟然是因为文件名多加了空格
- 纯CSS无表达式实现图片等比缩放(转载)