前端写法,记录敲前端的写法:
大部分的功能都可以在W3C HowTo找到答案,本来想多打几遍,不过时间不允许,想到最好的方法就是拿来用,就直接在里面找自己想要实现的功能吧。
页面元素的position
边框无色写法
border-color:transparent;
图片相关
给图片加个class:img-responsive 实现随页面变动的样式
z-index是什么?
这个有什么用呢?如果有元素是position:fixed,就有用了,因为它是页面固定的
li前面小圆点的删除
|
|
可以消除小圆点
dropdown
dropdown 的内置padding是左右20px
所以它的width至少要150px,否则会出现乱位置。
google material icon
在applicaiton.html.erb的head里面加入
|
|
实现google icon的使用
material icon size
|
|
<i class="material-icons md-18">face</i>
不过这个太小了,这么写明细变大了
|
|
或者这样写
<i class="fa fa-cloud" style="font-size:60px;color:lightblue;text-shadow:2px 2px 4px #000000;"></i>
font-icon与文字如何横向居中
这个写法多看几遍就记住了。层次还是比较清晰的。
cursor: pointer是什么
dl dt dd是什么
description list
变动的searchbar
登录界面相关
](https://www.w3schools.com/css/css_rwd_images.asp)