![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
ttt54355
这个作者很懒,什么都没留下…
展开
-
css学习归纳总结(一)
选择器的分组CSS选择器分为1.群组选择器 如:p, body, img, div{}2.兄弟选择器 如:p + p { color:#f00; }3.属性选择器 如: p[title] { color:#f00; }4.包含(后代)选择器 如:body ul li{}5.子元素选择器 如:div > p{}6.ID选择器 如:#myDiv{}7.类选转载 2017-03-02 17:00:04 · 422 阅读 · 0 评论 -
CSS3的选择器
CSS选择器复习通用选择器:* 选择到所有的元素 选择子元素:> 选择到元素的直接后代(第一级子元素) 相邻兄弟选择器:+ 选择到紧随目标元素后的第一个元素 普通兄弟选择器:~ 选择到紧随其后的所有兄弟元素 伪元素选择器: ::first-line 匹配文本块的首行 ::first-letter 选择文本块的首字母 伪类选择器: :before, :翻译 2017-02-27 14:07:03 · 362 阅读 · 0 评论 -
CSS3的border-radius的使用详解
border-radius: none | length{1,4} [/ length{1,4} 其中每一个值可以为 数值或百分比的形式。 length/length 第一个lenght表示水平方向的半径,而第二个表示竖直方向的半径。 如果是一个值,那么 top-left、top-right、bottom-right、bottom-left 四个值相等。 如果是两个值,那么 top转载 2017-02-27 14:03:58 · 857 阅读 · 0 评论 -
visibility:none和display:none区别
区别: 1. 前者依然在文档流中;后者则是直接 移除. 2. 后者会引起重绘,关乎前端的性能问题. 3. 前者设置后,如果给其子元素设置visibility:visible,则子元素依然可见.原创 2017-02-27 13:42:19 · 709 阅读 · 0 评论 -
CSS3响应式布局
响应式布局有哪些优点和缺点优点: 面对不同分辨率设备灵活性强 能够快捷解决多设备显示适应问题 缺点: 兼容各种设备工作量大,效率低下 代码累赘,会出现隐藏无用的元素,加载时间加长 其实这是一种折衷性质的设计解决方案,多方面因素影响而达不到最佳效果 一定程度上改变了网站原有的布局结构,会出现用户混淆的情况1、Media QueryCSS3中的M转载 2017-02-27 14:26:51 · 360 阅读 · 0 评论 -
详解css3系列:动画@keyframes和Animation
在css3中,我们可以通过@keyframes创建关键帧动画效果。我们需要将@keyframes绑定到选择器中,否则不会有效果出现。同时,我们还需定义动画时长和动画名称语法@keyframes animationname {keyframes-selector {css-styles;}}值描述animationname必需转载 2017-03-02 17:04:45 · 736 阅读 · 0 评论 -
详解css3弹性盒模型(Flexbox)
今天刚学了css3的弹性盒模型,这是一个可以让你告别浮动、完美实现垂直水平居中的新特性。Flexbox是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间,当可用空间变大,Flex元素将伸展大小以填充可用空间,当Flex元素超出可用空间时将自动缩小。总之,Flex元素是可以让你的布局根据浏览器的大小变化进行自转载 2017-03-02 17:02:38 · 339 阅读 · 0 评论 -
css学习归纳总结(三)
为文档添加样式的三种方法行内样式行内样式是写在HTML标签的style属性里的,比如: p style="font-size: 12px;font-weight: 200;color: #333333">Hello Everyone!p>行内样式会覆盖嵌入样式和链接样式。嵌入样式嵌入的css样式是放在HTML文档的head元素中的,这点想必大家都知道转载 2017-03-02 17:01:27 · 375 阅读 · 0 评论 -
css学习归纳总结(二)
标签与元素标签和p元素有什么区别呢?大多数时候他们表示的是同一样东西,但仍有细微的区别。、等指的是HTML分隔符,而元素则是由一对开始结束标签构成的,用来包含某一些内容子选择器和后代选择器的区别:后代选择器的写法就是把外层的标记写在前面,内层的标记写在后面,之间用空格分隔。子选择器只对直接后代有影响的选择器,而对“孙子后代”以及多层后代不产生作用。注意:在IE6中,转载 2017-03-02 17:00:47 · 411 阅读 · 0 评论 -
CSS自动换行、强制不换行、强制断行、超出显示省略号
转载至:http://blog.csdn.net/liuyan19891230/article/details/50969393P标签是默认是自动换行的,因此设置好宽度之后,能够较好的实现效果,但是最近的项目中发现,使用ajax加载数据之后,p标签内的内容没有换行,导致布局错乱,于是尝试着使用换行样式,虽然解决了问题,但是并没有发现本质原因,本质在于,我当时获取的数据是一长串的数字,浏览器转载 2017-02-27 14:21:39 · 657 阅读 · 0 评论