
CSS/CSS3
文章平均质量分 87
css css3
pre_eminent
这个作者很懒,什么都没留下…
展开
-
CSS_01_选择器
CSS 指层叠样式表(Cascading Style Sheets)。 在我们的 CSS 教程中,您将学习如何使用 CSS 同时控制 整个站点的 样式和布局。 通过与 XHTML 结合,CSS 可以帮助我们实行表现与结构分离的开发模式。 通过使用 CSS 来提升工作效率!手册说明:CSS教程简介本教程主要描述如何通过CSS来大大提升网页开发的工作效率!在我们的 CSS 教程中,您会学到如何使用 C...原创 2018-03-10 09:55:33 · 466 阅读 · 0 评论 -
CSS3_03_图片_按钮_分页
CSS3 多列 分列CSS3 多列通过 CSS3,您能够创建多个列来对文本进行布局 - 就像报纸那样,您可以收藏文章,需要用到的时候看一看。在本章中,您将学习如下多列属性:column-countcolumn-gapcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-width浏览器支持表格中的数字表示支持该方法...原创 2018-03-10 10:33:28 · 619 阅读 · 0 评论 -
CSS3_02_过渡_动画_2D3D转换
CSS3 2D 转换CSS3 转换CSS3转换,我们可以移动,比例化,镜像,旋转,和拉伸元素。接下里您将会学到关于CSS3 2D转换的内容,当您学到一个新知识的时候,最好能够自己进行操作一下,能够让您真正掌握这一知识点!它是如何工作?变换的效果,让某个元素改变形状,大小和位置。您可以转换您使用2D或3D元素。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -m...原创 2018-03-10 10:29:36 · 569 阅读 · 0 评论 -
CSS3_01_圆角_边框_渐变_字体
CSS3 是最新的 CSS 标准。 我们的 CSS3 教程向您讲解 CSS3 中的新特性。手册说明: CSS3使用了层叠样式表技术,可以对网页布局、字体、颜色、背景灯效果做出控制。css3作为css的进阶版,拆分和增加了盒子模型、列表模块、语言模块 、背景边框 、文字特效 、多栏布局等等。 CSS3的改变有很多,增加了文字特效,丰富了下划线样式,加入了圈重点的功能。在边框方面,有了更多的灵活性...原创 2018-03-10 10:26:14 · 1729 阅读 · 0 评论 -
CSS_06_响应式Web设计
响应式 Web 设计 - Viewport什么是 Viewport?viewport 是用户网页的可视区域。viewport 翻译为中文可以叫做"视区"。手机浏览器是把 页面 放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)要比 屏幕 宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不...原创 2018-03-10 10:18:24 · 499 阅读 · 0 评论 -
CSS_05_图片
CSS 图片廊以下是使用CSS创建图片廊:添加图片描述添加图片描述添加图片描述添加图片描述图片廊以下是使用CSS的float:left所创建图片廊:代码如下:<!DOCTPYE html> <html lang="zh"> <head> <link rel="icon" href="beyond.jpg" type="image/x-ico原创 2018-03-10 10:15:19 · 407 阅读 · 0 评论 -
CSS_04_伪类_伪元素
CSS 组合选择符CSS 组合选择符可以让你直观的明白 选择器与选择器之间的关系。CSS 组合选择符组合选择符说明了两个选择器之间的关系。CSS组合选择符包括各种选择符的组合方式。在 CSS3 中包含了四种组合方式:后代选取器(以空格分隔)子元素选择器(以大于>号分隔)相邻兄弟选择器(以加+号分隔)普通兄弟选择器(以波浪~号分隔)后代选取器 空格 N个后代选取器匹配所有的 指定的 元素的 后...原创 2018-03-10 10:11:21 · 430 阅读 · 0 评论 -
CSS_03_盒子模型
CSS 盒子模型CSS 盒子模型(Box Model)新人注意啦:所有HTML元素全部都可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用的。CSS盒模型本质上是一个盒子,封装周围的HTML元素,盒子包括:边距margin,边框border,填充padding和实际内容content。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素???Excuse Me???...原创 2018-03-10 10:05:10 · 498 阅读 · 0 评论 -
CSS_02_背景_文本_字体_链接_列表_表格
CSS 背景CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果:background-color 颜色background-image 图片background-repeat 重复background-attachment 滚动background-position 位置补充一下:background-attachment :定义背景图片随滚动轴的滚动方式取值: s...原创 2018-03-10 09:59:18 · 831 阅读 · 0 评论 -
CSS3_04_弹性盒子_多媒体
CSS3 弹性盒子(Flex Box)弹性盒子是 CSS3 的一种全新的布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种 当 页面需要适应不同的屏幕大小以及设备类型时 确保元素拥有恰当的行为的 布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式 来对一个容器中的子元素进行排列、对齐和分配空白空间。浏览器支持表格中的数字表示支持该属性的第一个浏...原创 2018-03-10 10:36:34 · 729 阅读 · 0 评论