CSS
文章平均质量分 94
Cathy_珺珺
越努力越幸运~~~
展开
-
【CSS】block,inline和inline-block细节对比
• display: block block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。 block元素可以设置width, height属性。块级元素即使设置了宽度,仍然是独占一行。 block元素可以设置margin和padding属性。 • display: inline inline元素不会独占一行,转载 2015-11-20 22:15:16 · 355 阅读 · 0 评论 -
【CSS3】与背景相关的样式--慕课网【学习总结】
1.background-origin2.background-clip3.background-size4.multiple backgrounds原创 2016-06-21 23:55:29 · 503 阅读 · 0 评论 -
【CSS3】文字与字体--慕课网【学习总结】
1.text-overflow属性2.word-wrap3.@font-face4.text-shadow原创 2016-06-20 16:01:36 · 521 阅读 · 0 评论 -
【CSS】前端笔试题总结
1.CSS3 background-clip & box-sizing【网易2016内推笔试题】<div class="box"></div>.box{ box-sizing:border-box; width:100px; height:100px; padding:10px; background-color:red; background-clip:conte原创 2016-03-23 20:57:11 · 1460 阅读 · 0 评论 -
【CSS 未完】牛客网试题总结1 ?
1.考点:IE与Firefox区别 ❤详解:???2.考点:鼠标移动(伪类) ❤详解:hover -> focus -> active 悬停 -> 聚焦 -> 响应原创 2016-01-22 19:02:24 · 616 阅读 · 0 评论 -
【CSS3】颜色--慕课网【学习总结】
1.颜色之RGBA2.渐变色彩原创 2016-06-13 11:22:27 · 405 阅读 · 0 评论 -
【CSS3】动画--慕课网【学习总结】
1.过渡transition属性 ①过渡属性 transition-property②过渡所需时间 transition-duration③过渡函数 transition-timing-function④过渡延迟时间 transition-delay2.Keyframes & animation动画①Keyframes关键帧②调用动画animation(1)animation-name设置动画名原创 2016-07-04 22:19:05 · 1784 阅读 · 0 评论 -
【CSS3】transform变形--慕课网【学习总结】
1.旋转 rotate()2.扭曲 skew()3.缩放 scale()4.位移 translate()5.矩阵 matrix()6.原点 transform-origin()原创 2016-07-04 20:29:36 · 2894 阅读 · 0 评论 -
【CSS3】选择器(表单元素选择器 & 其他)--慕课网【学习总结】
1.表单元素选择器(1):enabled选择器 (2):disabled选择器 (3):checked选择器 (4):read-on;y选择器 (5):read-write选择器 2.其他选择器(1)::selection选择器 (2)::before 和 ::after 选择器原创 2016-06-29 22:44:59 · 2270 阅读 · 0 评论 -
【CSS3】选择器(属性 & 结构性伪类)--慕课网【学习总结】
1.属性选择器2.结构性伪类选择器(1)root & not & empty & target(2)first-child & last-child & nth-child(n) & nth-last-child(n)(3)first-of-type &last-of-type & nth-of-type(n) & nth-last-of-type(n)(4)only-child &only-of-type原创 2016-03-23 21:40:05 · 849 阅读 · 0 评论 -
【CSS3】边框--慕课网【学习总结】
1.圆角效果 border-radius2.阴影box-shadow3.为边框应用图片 border-image原创 2015-12-22 16:29:07 · 492 阅读 · 0 评论 -
【CSS】如何去除页面滚动条
去掉水平滚动条:<body style="overflow-x: hidden">去掉竖直滚动条:<body style="overflow-y: hidden">隐藏横向滚动条,显示纵向滚动条:<body style="overflow-x:hidden;overflow-y:scroll">全部隐藏<body style="overflow:hidden">或者是<body scroll="no转载 2015-12-27 16:47:42 · 13955 阅读 · 0 评论 -
利用@media screen实现网页布局的自适应
响应式web设计,CSS3 Media Queries是入门。Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。那么,Media Queries是如何工作的? 两种方式:一. 直接在link中判断设备的尺寸,然后引用不同的css文件:1.<!--当屏幕的宽度大于等于40转载 2015-11-24 14:29:55 · 565 阅读 · 0 评论 -
【CSS3】布局样式相关--慕课网【学习总结】
1.多列布局——ColumnsW3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module)。它主要应用在文本的多列布局方面,这种布局在报纸和杂志上经常使用。【语法】columns:<column-width> || <column-count>多列布局columns属性参数主要就两个属性参数:列宽和列数。【例如】要显示3栏显示,每栏宽度为150px,代码原创 2016-07-06 23:31:05 · 986 阅读 · 0 评论