html小知识记录

这篇主要记录一些前端页面和布局的内容，因为自己之前一直都不太注重布局的细节，一般直接用插件，或者主要写js和后台，之前布局样式这边就相对薄弱，这次主要记录一些小细节给自己看。

1.css content属性的使用

a:before{

content:""attr(s)""

}

<p><a ss="width:100px;" id="a" href="http://www.w3school.com.cn">zlz</a> 内容</p>

before为伪元素，这样就会a标签之前加上ss的属性值，其中ss可以是自定义的属性也可以是html的属性，content都支持，但是必须加两个双引号才能显示，官方给的是content:"("attr(href)")",但是把括号去掉也可以。

效果图为

2.border-width属性，可以指定边框的宽度顺序为上右下左，border-width:10px 10px 10px 10px ;中间用空格分离，想要显示边框同时要指定border-style：solid;这个也可以上右下左指定，和border-color