首页
学习
活动
专区
工具
TVP
发布

CSS3 基础知识

CSS3 基础知识 1.边框     1.1 圆角  border-radius:5px 0 0 5px;     1.2 阴影  box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5...                    user-scalable:用户是否可以手动缩放(默认设置为no,因为我们不希望用户放大缩小页面)              2.IE8既不支持HTML5也不支持CSS3...下面就是一个例子:         p {font-size:14px; font-size:.875rem;} CSS3 基础知识 热度 4已有 428 次阅读2015-12-11 11:33 |个人分类...:CSS3|系统分类:HTML5/CSS3| CSS3 基础知识, 媒体查询, 长度单位px em rem CSS3 基础知识 1.边框     1.1 圆角  border-radius:5px 0...                    user-scalable:用户是否可以手动缩放(默认设置为no,因为我们不希望用户放大缩小页面)              2.IE8既不支持HTML5也不支持CSS3

1.7K60
您找到你想要的搜索结果了吗?
是的
没有找到

44关学习CSS与CSS3基础「二」

「前沿」 我有一段时间没有更新FCC前端教程了,这一周就继续写完CSS与CSS3基础的教程。最近工作和生活都比较繁忙所以文章更新也受到了一定的影响。不过技术文章写作再忙也不会放弃的。...这一篇文章是上一篇《44关学习CSS与CSS3基础「一」》的第二部分,一共闯了44关。废话少说,让我们一起来闯关吧!...REM是CSS3新增的一个相对单位,它是 root em 的缩写,顾名思义就是根em。...这关卡主要教会我们: 在媒体查询中使用CSS变量重定义,从而达到在特定屏幕大小时,变量值发生变化; 答案 「总结」 这一期我们终于完成了CSS与CSS3基础的所有关卡,个人觉得这个FCC集训营的关卡中的...《44关学习CSS与CSS3基础「一」》 —— 这一期我们一起攻破前端第二大知识点《CSS基础入门》。因为这一课一共有44关,我把文章分成两期更新。

2K30

CSS3

CSS基础认识 基础认识 中文名称: CSS:层叠样式表(Cascading style sheets) 作用: 给页面中的HTML标签设置样式。...标签中,如上述方法 ➢ 行内式:CSS 写在标签的style属性中 我是字体 ➢ 外联式:CSS 写在一个单独的.css文件中 ---- 选择器 基础...使用基础选择器在 HTML 中选择元素 标签选择器 。...分隔父子元素的margin-top) 给父元素设置overflow:hidden 转换成行内块元素 设置浮动 行内元素加margin和padding只有水平生效 ---- 附加:父盒子中小盒子居中方法(多种): 基础...解决 给父元素设置高度(脱裤子放屁,来回麻烦) (额外标签法):在父元素最后加个块级元素,给块级元素设置clear:both==>缺点:麻烦 (单伪元素清除法):在2的基础上,用伪元素替代额外标签,

73090

CSS3 代码生成工具:Create CSS3

CSS3 具有相当多的新增属性,而且包括阴影、动画、过渡等华丽的效果。但是由于 CSS3 出来并没有很久,各个浏览器厂商还在开发中,有些属性仍然会带有实验性前缀。...而且类似制作动画、渐变的 CSS3 代码也相当复杂,一旦写错就会导致出现问题。 为此,有人开发了一个生成 CSS3 代码的工具 Create CSS3 。...这类的工具已经非常多了,但并不是很全,往往只是单纯的生成按钮或者渐变、阴影等等,而这个工具,几乎包括了所有的 CSS3 属性。...你只需要选择一个属性,填写一些参数,就可以生成对应的 CSS3 代码,同时它会自动的在相关属性前面增加实验性前缀,而且在下面还可以看到预览效果。...如果你比较懒,又需要一些 CSS3 编写的效果,不妨来使用一下 Create CSS3 吧! ----

51110
领券