java Web第一章学习内容(表单高级应用，选择器，外边距margin，内边距padding，行内块元素display)

一.表单高级应用
1.隐藏域 ，提供给后台查看的数据       hidden

<input type="hidden" value="666" name="userid">

2.只读，不能修改            readonly

<input type="text" name="name" value="张三" readonly>

3.禁用            disabled

<input type="submit" disabled>

二.选择器
后代选择器
希望只对 h1 元素中的 em 元素应用样式

h1 em {color:red;}

子元素选择器
希望选择只作为 h1 元素子元素的 strong 元素

h1 > strong {color:red;}

ID选择器
需要通过style="class=intro"进行使用

*#intro {font-weight:bold;}

属性选择器

如，可以对所有带有 alt 属性的图像应用样式，从而突出显示这些有效的图像：

img[alt] {border: 5px solid red;}

三.外边距margin

例子 1

margin:10px 5px 15px 20px;

• 上外边距是 10px
• 右外边距是 5px
• 下外边距是 15px
• 左外边距是 20px
  
  也可以使用auto进行居中设置
  

四.内边距padding

例子 1

padding:10px 5px 15px 20px;

• 上内边距是 10px
• 右内边距是 5px
• 下内边距是 15px
• 左内边距是 20px

参数一样，方向的英文跟magrin一致

五.行内块元素display

display:inline-block;

可以将普通换行元素转化为一段元素