盒子模型
盒子模型知识点背景页面中的元素都是一个个方块组成,我们将其称之为盒子模型,设置对应的样式分别为:盒子的宽度(width)、盒子的高度(height)、盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)
内容1234567891011121314151617181920212223/* 设置宽高 */width:200px; /* 设置盒子的宽度,此宽度是指盒子内容的宽度,不是盒子整体宽度(难点) */ height:200px; /* 设置盒子的高度,此高度是指盒子内容的高度,不是盒子整体高度(难点) *//* 设置边框 */border-top-color:red; /* 设置顶部边框颜色为红色 */ border-top-width:10px; /* 设置顶部边框粗细为10px */ border-top-style:solid; /* 设置顶部边框的线性为实线,常用的有:solid(实线) dashed(虚线) dotted(点线); */border-top:10px solid red; ...
HTML之表单
HTML之表单知识点
在表单中,针对每一个input都要设置一个属性值:name,它是提交表单时的键值
针对input中”radio”和”checkbox”,除了设置name,还需要设置属性值:value,用于标识选择的是什么数据
除了提交按钮外,其它input中的value属性都是用来定义该表单元素的值。name属性标识表单元素的名称,此名称是提交数据时的键名
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172<!--1. action属性:定义表单数据提交地址2. method属性:定义表单提交的方式,一般有“get”方式和“post”方式--><form action="http://www..." method="get"> <p> <!-- ...