随笔分类 -  CSS3

十一、CSS3的其他重要样式和属性
摘要：一、颜色相关样式 1、利用alpha通道来设定颜色 2、alpha通道与opacity属性的区别 3、指定颜色值为transparent（完全透明） 二、用户界面的相关样式 1、轮廓相关样式 css2中的outline属性，用来在元素的周围绘制一条轮廓线，可以起到突出元素的作用。 css3中的out 阅读全文
posted @ 2018-06-24 12:40 飞鱼0725 阅读(176) 评论(0) 推荐(0)
十、Media Queries相关样式
摘要：一、根据浏览器的窗口大小来选择使用不同的样式 在css中，与媒体相关的样式定义是从css2开始的。css2中定义了各种媒体类型，包括显示器、便携设备、电视机等。 css3中加入了Media Queries模块，该模块允许添加媒体查询（media querise）表达式，来指定媒体类型，然后根据媒体类 阅读全文
posted @ 2018-06-24 12:13 飞鱼0725 阅读(218) 评论(0) 推荐(0)
八、CSS3中的动画功能
摘要：CSS3中的动画功能分为Transitions功能和Animations功能，这两种功能都可以通过改变CSS中的属性值来产生动画效果，下面我们就来介绍下这两种功能。 1、Transitions功能 1.1 Transitions功能的使用方法 CSS3中，Transitions功能通过将元素的某个属 阅读全文
posted @ 2018-06-17 13:54 飞鱼0725 阅读(211) 评论(0) 推荐(0)
七、CSS3中的变形处理
摘要：在css3中，可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理，这四种效果使用的先后顺序不同，页面显示的也会有所不同。 1、transform功能的分类 1.1缩放 使用scale方法来实现文字或图像的缩放处理，在参数中指定缩放倍率，比如scale（0.5）表 阅读全文
posted @ 2018-06-17 12:47 飞鱼0725 阅读(423) 评论(0) 推荐(0)
六、背景与边框的相关样式
摘要：一、css3中与背景相关的新增属性 background-clip：指定背景的显示范围 在html中，一个具有背景的元素通常由元素的内容、内容补白（padding）、边框、外部补白（margin）构成。当background-clip的属性值为border时，则背景范围包括背景区域；如果设为padd 阅读全文
posted @ 2018-06-10 15:12 飞鱼0725 阅读(299) 评论(0) 推荐(0)
四、文字与字体相关样式
摘要：css3中与文字、字体相关的属性有text-shadow、word-break、word-wrap、Web-font、font-face和font-size-adjust属性。 text-shadow属性--给文字添加阴影 用法：text-shadow:lengtn length length co 阅读全文
posted @ 2018-06-05 07:28 飞鱼0725 阅读(357) 评论(0) 推荐(0)
三、使用选择器在页面中插入内容
摘要：在CSS中使用before与after伪元素选择器在页面元素的前面或后面插入内容，而插入的内容是用content属性来定义的。确切的说这两个伪元素只在css 2.0中添加的，但是直到css3都在不断的改良和扩展。 插入文本内容 1、使用选择器来插入内容的方法，div:before{content:' 阅读全文
posted @ 2018-06-03 18:46 飞鱼0725 阅读(186) 评论(0) 推荐(0)
九、CSS3中的布局相关样式
摘要：web页面中的布局是指在页面中如何对标题、导航栏、主要内容、脚注、表单等各种构成要素进行合理编辑。在css3之前，主要使用float属性或position属性进行页面中的简单布局，但是也存在一些缺点，譬如如果两栏或多栏中元素的内容高度不一致则底部很难对齐。因此在css3中追加了一些新的布局方式。 这 阅读全文
posted @ 2018-05-02 17:19 飞鱼0725 阅读(216) 评论(0) 推荐(0)
五、盒相关样式
摘要：盒的类型 一、盒的基本类型 在css中，使用display属性来定义盒的类型。总体来说，css中盒分为block类型与inline类型，例如div和p属于block类型，span和a属于inline类型。每一行只允许容纳一个block类型的元素，但是可以容纳多个inline类型的元素。 二、inli 阅读全文
posted @ 2018-04-30 20:23 飞鱼0725 阅读(272) 评论(0) 推荐(0)
二、css3选择器
摘要：通过选择器的使用，你不再需要在编辑样式时使用多余的以及没有任何语义的class属性，而是直接将元素和样式绑定起来，从而节省大量在网站或web应用程序已经完成之后修改样式时所需花费的时间。 一、选择器的概述 选择器是css3中一个重要的内容，如果在页面中定义多个class属性，并不能将元素和样式绑定起 阅读全文
posted @ 2018-04-30 19:07 飞鱼0725 阅读(203) 评论(0) 推荐(0)
一、CSS3概述
摘要：首先我们了解下什么是css3，css3是css技术的一个升级。css3中并没有采用总体结构，而是采用分工协作的模块化结构。 css3中的模块 定义各种与背景和边框相关的样式 定义各种与颜色相关的样式 font more....... 之所以分成这么多模块来进行管理，是为了避免产生浏览器对于某个模块支 阅读全文
posted @ 2018-04-30 16:07 飞鱼0725 阅读(267) 评论(0) 推荐(0)