![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Spotlight_mar
这个作者很懒,什么都没留下…
展开
-
box-sizing:border-box
box-sizing:border-box一般盒模型设置width后,再设置padding和border都是在已设的width往盒模型外加的。 如width:100px;padding:10px;border:10px;则最后盒模型是占据120px空间的(不考虑margin)。 设置box-sizing:border-box后,盒模型的内边距和边框即往内侧添加。* { -webkit-box原创 2016-09-30 01:36:11 · 770 阅读 · 0 评论 -
关于em,rem,%的使用笔记
百分比容器的width,height,margin-left等设置百分比均是相对于父容器,比如父容器宽度100px,子容器margin-left为40%时为40px;em任何浏览器字体默认大小均为16px,所以一般在body中设置font-size=62.5%;(即16*62.5%=10px),这样子容器就1em=10px,1.5em=15px。 但是在Chrome浏览器下,当font-size小原创 2016-11-17 16:35:42 · 324 阅读 · 0 评论 -
compass/sass 备忘
sass文件添加中文注释解决方法: 在ruby的安装目录找到如下文件夹,如这个路径:C:\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass 在该文件夹的engine.rb,添加一行代码:Encoding.default_external = Encoding.find('utf-8')放在所有的require XXXX 之后即可。 最后在sc原创 2016-11-17 17:13:27 · 363 阅读 · 0 评论 -
对table,td设置padding,margin的问题
table有margin,padding,td有padding无margin。 (有无即可设置与否的问题)解决方法: 1.用border表达相同效果。 2.td内嵌p标签等,设置内嵌的标签 3.待补充原创 2016-12-01 16:12:31 · 19029 阅读 · 0 评论 -
CSS3 transform笔记
一、对称与角度变化例:transform: scaleX(-1) rotate(20deg); //通过scaleX(),scaleY(),scale()等取-1值进行对称,取正值则按比例变化原创 2017-02-20 22:51:58 · 520 阅读 · 0 评论 -
容器,文字的水平和垂直居中的方法
代码如下<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <style type="text/css"> #container{ width: 500px; height: 500px; bac原创 2017-03-10 11:14:59 · 937 阅读 · 0 评论