随笔分类 - HTML/CSS
摘要:html表单 表单用于搜集不同类型的用户输入,表单由不同类型的标签组成,相关标签及属性用法如下: 1、<form>标签 定义整体的表单区域 action属性 定义表单数据提交地址 method属性 定义表单提交的方式,一般有“get”方式和“post”方式 2、<label>标签 为表单元素定义文字
阅读全文
摘要:块元素特性 块元素,也可以称为行元素,布局中常用的标签如:div、p、ul、li、h1~h6等等都是块元素,它在布局中的行为: 支持全部的样式 如果没有设置宽度,默认的宽度等于父级的width 盒子占据一行、即使设置了宽度 包含默认样式的块元素 上面讲的块标签中,有些标签是包含默认的样式的,这个含默
阅读全文
摘要:内联元素特性 内联元素,也可以称为行内元素,布局中常用的标签如:a、span等等都是内联元素,它们在布局中的行为: 不支持宽、高、margin上下、padding上下 宽高由内容决定 盒子并在一行 代码换行,盒子之间会产生间距 子元素是内联元素,父元素可以用text-align属性设置子元素水平对齐
阅读全文
摘要:margin-top 塌陷 在两个不浮动的盒子嵌套时候,内部的盒子设置的margin-top会加到外边的盒子上,导致内部的盒子margin-top设置失败,解决方法如下: 1、外部盒子设置一个边框: 一般可以把边框设置成和外部元素背景相同颜色。 2、外部盒子设置 虽然没有任何实际作用,但是能解决塌陷
阅读全文
摘要:动画的运用比较重要。接下来我希望针对我自己学习遇到的问题,再总结一下这个属性的使用方法。 创建一个动画: @keyframes 动画名 {样式} 引用自己创建的动画: animation:动画名 时长(执行多长时间) 效果 开始时间(多久之后开始); 其中 效果 开始时间是可以省略的。 举个栗子:d
阅读全文