- 博客(10)
- 收藏
- 关注
原创 transition
animation:name time ...@keyframes aa{from{} to{}}filter:grayscale(80%)..... 滤镜box-shadow:x偏移量 y偏移量 模糊半径 颜色;text-shadow:。。。。。。。。。。。。。border-image:url(borderimage.png)(图片地址) 30(九宫格的宽度) stret
2016-12-20 16:16:49 246
原创 小结
响应式布局,最好用百分比写,可以用@media 类型 and (max-width:px){ css样式 }disable:table-cell;可以去除图片空白;要熟练使用position 跟浮动;
2016-12-16 17:53:12 248
原创 滚动条
overflow:scroll;::-webkit-scrollbar{ width:6px;background-color:yellow;height:3px;} 能够设置滚动条的样式;(-webkit-谷歌兼容)
2016-12-15 17:03:15 261
原创 css三角
用css编写一个三角形,只要令div的width和height为0;在根据边框来的大小来控制三角形形状;行内元素:a:可定义锚;abbr:表示一个缩写形式;accronym:定义首字母缩写;b:字体加粗;big:大号字体加粗;bdo:可覆盖默认的文本方向;
2016-12-13 16:35:27 296
原创 1212小结
div+css命名:所有命名最好小写;属性值要用双引号括起来;每个标签要有开始和结束,层次正确;h1~h5的定义,要尊崇从大到小的原则;有益于搜索引擎的查询;尽量使用英文命名原则;尽量不缩写,除非一目了然的单词;
2016-12-12 15:54:31 268
原创 1209日常小结
position:fix;固定定位,不论滚动条怎么滚动,你的内容都会固定在网页的固定位置。定位+伪类+显示隐藏,就能做出效果看起来相当不错的下拉列表,display:none 和visibility:hidden;这两种方法都能做到隐藏;但是前者在浏览器不占位置,后者还占用位置;
2016-12-09 13:17:44 291
转载 a标签的4个伪类
关于伪类,大家最熟悉的还是a标签的4个伪类::link 有链接属性时:visited 链接地址已被访问过:active 被用户激活(在鼠标点击与释放之间发生的事件):hover 其鼠标悬停关于这四个伪类的排列次序,很多地方都能查到,可是为什么这么排列?从来没有见过有人提及。这里我就从技术、用户体验、优先级几个角度简单的阐述下我们为什么这
2016-12-08 10:50:31 818
原创 @font-face
@font-face 可以吧自定义的Web字体加载到页面中;@font-face{ font-family:........;src:url('....')}
2016-12-08 08:59:52 352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人