摘要:
columns 分栏 column的中文意思就是栏的意思,在html中,作用是分列,把一块内容相同比例均匀的分成一块一块的列,想报纸的内容似的,一篇文章在一张内容上分成好几栏那样显示,它的属性有 1.columns: columns-width column-count; 每一列的宽度和分成多少列; 阅读全文
posted @ 2017-03-02 20:52
letitia_blog
阅读(1321)
评论(0)
推荐(0)
摘要:
使用的前端框架 bootstrap框架 Bootstrap是一个响应式的框架 我们在使用的时候主要使用的是它的网格系统, 1.bootstrap布局 布局容器:.container(用于固定宽度并支持响应式布局的容器) .container-fluid(用于100%宽度,占据全部视口的容器) @me 阅读全文
posted @ 2017-03-02 20:50
letitia_blog
阅读(203)
评论(0)
推荐(0)
摘要:
word-wrap: break-word; word-break: break-all; 阅读全文
posted @ 2017-03-02 20:33
letitia_blog
阅读(166)
评论(0)
推荐(0)
摘要:
offset() 只对可见元素有效,获取匹配元素在当前视口的相对偏移,返回的对象有两个整型属性,top和left,像素计算; position() 相对父元素的偏移,position.left position.top scrollTop() 相对滚动条顶部的偏移,(可见、隐藏元素都有效) scro 阅读全文
posted @ 2017-03-02 20:27
letitia_blog
阅读(197)
评论(0)
推荐(0)
摘要:
text-transform: none: 默认 不设置,全是小写 capitalize: 每个单词以大写字母开头 uppercase: 全部是大写字母 lowercase: 全部是小写字母 inherit: 继承父元素的text-transform属性值 阅读全文
posted @ 2017-03-02 20:21
letitia_blog
阅读(1753)
评论(0)
推荐(0)
摘要:
global 全局 style.css containers: 1400px;容器宽度 xlarge 超大屏(media: max-width:1680px) style-xlarge.css containers:1200px;容器宽度 large 大屏 (media: max-width:128 阅读全文
posted @ 2017-03-02 20:18
letitia_blog
阅读(224)
评论(0)
推荐(0)
摘要:
@media (min-width:1200px){ } @media (min-width:992px) and (max-width:1199px){ } @media (min-width:768px) and (max-width:991px){ } @media (max-width:76 阅读全文
posted @ 2017-03-02 20:00
letitia_blog
阅读(523)
评论(0)
推荐(0)
摘要:
html代码 css代码 js代码 阅读全文
posted @ 2017-03-02 19:50
letitia_blog
阅读(1483)
评论(0)
推荐(0)
摘要:
阅读全文
posted @ 2017-03-02 17:52
letitia_blog
阅读(200)
评论(0)
推荐(0)
摘要:
阅读全文
posted @ 2017-03-02 17:39
letitia_blog
阅读(99)
评论(0)
推荐(0)