-
如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。
选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器
查看全部 -
>作用于元素的第一代后代,空格作用于元素的所有后代。
查看全部 -
类(.)和ID(#)选择器的区别
相同点:可以应用于任何元素
不同点:1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
查看全部 -
设置selected="selected"属性,则该选项就被默认选中
查看全部 -
单选框和复选框
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
1、type:
当 type="radio" 时,控件为单选框
当 type="checkbox" 时,控件为复选框
2、value:提交数据到服务器的值(后台程序PHP使用)
3、name:为控件命名,以备后台程序 ASP、PHP 使用
4、checked:当设置 checked="checked" 时,该选项被默认选中
查看全部 -
输入框占位符(给提示)
<input type="text" placeholder="xxxxx">
查看全部 -
表单标签,与用户交互:<form method="传送方式" action="服务器文件">
注意:所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间(否则用户输入的信息可提交不到服务器上哦!)。
查看全部 -
style标签:双标签中设置当前文件样式查看全部
-
水平垂直居中:
上一节是通过margin来设置子标签与父标签边框的距离来达到水平垂直居中,但前提是子标签已经定了宽度。如果没有定义宽度只能用transform:translate(-50%,-50%)通过子标签进行位移来达到子标签水平居中的效果
查看全部 -
注意:如果没在父元素里面添加position:relative属性,那么子元素设置的position:absolute 是相对于body而言的,或者相对于再上层的标签而言的,都没设置,那么就相对于body即游览器页面而言
查看全部 -
块元素:
1.如果没有定固定宽度,可以直接在父标签设置text-align:center来设置水平居中
2.如果设置了固定宽度,那只能使用margin:auto来达到水平居中的效果
查看全部 -
给行内元素设置水平居中时,只需要在父类标签中设置text-align:center就可以了
查看全部 -
flex属性是设置在父类标签中,但是意思是将父标签下面的子标签设置为弹性盒子模型。而且子元素可以通过flex:数值来表示子元素相对于父元素的占比。值得注意的是设置了占比之后,width属性会失效
查看全部 -
在display:flex基础上使用align-items属性来设置盒子纵轴的对齐方式
align-items:
1、flex-start:交叉轴的起点对齐,即纵轴的最上方
2、flex-end:右对齐,即纵轴的最下方
3、center:居中对齐,即纵轴的中间
4、baseline:项目的第一行文字的基线对齐(基线就是文字底部在一条水平线上)
5、stretch:默认值,如果wei设置高度或设为auto,将占满整个容器的高度
查看全部 -
在display:flex基础上使用justify-content属性来设置盒子横列的对齐方式
justify-content:
1、flex-start:交叉轴的起点对齐
2、flex-end:右对齐
3、center:居中对齐
4、space-between:两端对齐,项目之间的间隔都相等
5、space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍
查看全部
举报