1.选择器:
id具有唯一性,通过#定义 class可重复,通过.定义
:focus 选择器用于选取获得焦点的元素。示例如下:
class为 start_time的控件的样式及获得焦点后的样式。
.start_time {
width: 150px;
margin-right: 10px;
color: #122e29;
}
/*选中后的样式*/
.start_time :focus {
border: 1px solid blue;
}
:hover 选择器用于选择鼠标指针浮动在上面的元素。
2.常见的DIV容器的CSS属性:
margin,padding,width,height,font-size,text-align,background,float,border
float 漂浮,float:right表示飘浮在容器右边
padding 容器内边距,各方向边距的顺序是顺时针的上、右、下、左,如padding:10px 30px 20px 10px
margin 容器外边距,跟padding一样也有四个方向的边距。另外,margin:0 auto;表示上下外边距为0,左右外边距自动居中
top 坐标,所在的高度
border 设置所有的边框属性。
display: inline-block; 可以让几个div块在同一行显示。
position: relative; 可以设置div容器的布局位置。
3.文字属性:
text-align: center;
1.padding、magin、border-right的区别是什么?
padding是控件的内容相对控件的边缘的边距.margin是控件边缘相对父空间的边距.