css
关注
分享
扫一扫
文章平均质量分 67
fighting_today_cui
前端之路
展开
-
HTML5和CSS3权威指南-读书笔记（CSS3部分）
这本书的h5部分的总结写了很久，原因是对H5某些新的东西用得少，这次把以前不熟悉的地方好好的敲了一下代码，总结了一下，也有了很大的收货，现在来总CSS3篇一.CSS3选择器1.CSS3中的属性选择器1.[att*=val] (表示若att的属性值包含val则该元素使用这个样式)[id*=section1]{ background-color:#000;}2.[att^=val] (表示若a原创 2017-06-09 22:12:30 · 515 阅读 · 0 评论 -
canvas知识点总结
由于项目中很少涉及canvas相关的知识，我就一直拖着没练习，最近面试了几家公司都问到了对canvas的了解，是时候好好研究一下canvas了，以下是我阅读HTML5和CSS3权威指南这本书关于canvas的总结一. canvas一般用来干啥我当时对canvas的抵触点就在于，这不就是个用来画图的吗，能干啥呢，老听别人说他很强大，自己没啥感觉，直到前几天自己动手写了canvas画图小程序，那成就感满原创 2017-06-06 19:50:06 · 1056 阅读 · 0 评论 -
对offsetLeft,clientX系列属性的理解
最近在看html5和css3权威指南，跟着书本做了相应的练习，在学到拖动章节想到了之前遇到的一个阿里面试题涉及到利用mouse事件模拟拖动，于是就研究了一下，发现自己对offsetLeft,clientX相关属性不是很熟悉，决定总结一下，上网查资料的时候发现了这篇博文，写的很全面，正好就是我想要的，我就偷个懒转载啦element元素节点属性原创 2017-06-04 12:46:07 · 1250 阅读 · 0 评论 -
css那些事儿——读书笔记
之前定下的学习计划这些天一直在坚持每天完成一点，牛客网上的编程题已经过了一遍，《css那些事儿》也看了一遍，同时看完了《响应式web设计》这几天也在边忙着实验室的事，边在github上提交最近重新学习css写的布局相关的代码我的github 感觉学习css不能光看书，还是得多多练习。看完了书还是要总结一下，这样心里才有点谱，这也是我看了《如何阅读一本书》中学到的，对于主食类的书，得分析阅读，知道这原创 2017-05-03 08:47:34 · 638 阅读 · 0 评论 -
canvas画图小程序
之前学习h5和css3大部分时间都是看书，看完了没啥感觉，最近在联系各种demo，感觉虽然敲代码会让你觉得学得慢，但是学的劳呀，而且做出了想要的demo那成就感真实棒棒哒！ 下面就是我学习canvas写的画图小程序demo参考了航哥学习h5和css3可以好好跟着他练习<!DOCTYPE><html> <head> <title>canvas画图小程序</title>原创 2017-06-05 17:24:31 · 1721 阅读 · 1 评论 -
html页面设置滚动无效问题
今天在做前端后台管理项目时发现页面内容过多，整个页面会随着滚动条一起滚动，导致网页很难看，于是决定固定整个页面的高度为显示屏的高度，然后让里面的某各div可设置滚动条。我以为就是设置html的overflow为hidden，div的overflow为auto就行了，但现实告诉我，我太天真。首先我设置html的overflow为hidden，整个页面是不滚动了，可是该滚动的div即使内容超出屏幕高度原创 2017-04-27 22:21:02 · 33496 阅读 · 3 评论 -
响应式web设计——读书笔记
继上次面试被打击后，开始啃基础书籍，这几天又看完了响应式web设计，看完了这本书对响应式设计理解的更加深入了，以前都是在网上碎片式的学习，有些地方懵懵懂懂的，还是要多看这些好的专业书，这样会学得更加全面，理解也更深入，接下来整理一下我的读书笔记。从这本书中收货最多的是对响应式的理解，响应式不光是根据视口匹配不同的样式，还要考虑图片，文字，视频的在响应式布局中的优化。1.媒体查询：支持不同的视口1原创 2017-05-05 22:11:21 · 963 阅读 · 0 评论 -
flex布局主轴元素单独设置对齐方式
今天用flex布局，想在主轴上设置某个flex-item右对齐，其他的左对齐，我以为直接用align-self属性就可以了，结果没效果，后来仔细阅读文档，发现align-self属性是用在单个元素的交叉轴的设置上，主轴元素没有找到设置单个元素的属性。我要的效果是这样的（主轴方向为水平方向）但是实际效果所有元素左对齐于是我就对最右边的元素设置以下css就成功了.inline-field.inlin原创 2017-04-28 11:12:13 · 13374 阅读 · 2 评论 -
css布局总结
一. web布局的类型静态布局，就是将width,height设为定值，元素将不会随屏幕的大小而改变，若屏幕尺寸小于定义的宽高，则可使用滚动条查阅被遮掩部分。对于移动设备，单独设计一个布局，使用不同的域名。自适应布局，一般是将width,height设为百分比类的单位，使其元素大小可以随着页面的大小而变化。但是其布局的样式在各种页面还是使用的同一模板。响应式布局，在自适应布局的基础上通过媒介查原创 2017-04-13 17:07:28 · 304 阅读 · 0 评论