css笔记

css笔记:

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;

 

资料：

css常用样式：https://blog.csdn.net/w3cschoolcn/article/details/72783965

疑问：

1.padding、magin、border-right的区别是什么？
padding是控件的内容相对控件的边缘的边距．margin是控件边缘相对父空间的边距．