发表于： 2017-03-31 20:42:01
1 647
完成的事情：
完成了任务10。
flex布局的兼容性。
旧版：display:box;
过渡版：display:flex box;
标准版：display:flex;
要兼容，就要注意顺序，因为要向下兼容。越是旧语法，越要放在下面。
display: -webkit-flex; /* 新版本语法: Chrome 21+ */
display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */
:before是可以在元素前面加上内容的伪元素，:after是在后面加上内容。
<p>ello Worl</p>
p:before{content: "H" /*:before和:after必带技能，重要性为满5颗星*/}p:after{content: "d" /*:before和:after必带技能，重要性为满5颗星*/}
效果：
了解了label标签
<form><label for="male">Male</label><input type="radio" name="sex" id="male" /><br /><label for="female">Female</label><input type="radio" name="sex" id="female" /></form>
<label>Date of Birth: <input type="text" name="DofB" /></label>
明天的计划：
开始任务11。
遇到的问题：
如何更改默认radio的样式？
解决方法：
input[type=radio]{display: none;}
input[type=radio]:checked + label:before {}
收获：
bootstrap的元素样式如果需要改，能覆盖就覆盖，若覆盖无效，就直接改原代码样式。
返回列表
评论