欢迎光临
我们一直在努力

CSS基础

关于width与height的百分比参照对象

散人研阅读(178)评论(0)赞(0)

基本内容 百分比是实现页面自适应的重要途径,而元素百分比的宿主到底是谁一直是令人困扰的问题。其实CSS对于百分比的定义十分明确: 所有元素的百分比都是相对于其包含块( containing block)的width。 在盒模型的设置属性中,...

CSS | 禁止选中文本

SanRenYan阅读(195)评论(0)赞(1)

在元素上加入以下"user-select: none;"就可实现禁止选中文本了, 以下是兼容各浏览器写法: 在 IE < 10 和Opera < 15中我们需要在需要禁止选中的元素上面添加属性

CSS | CSS文字两端对齐

SanRenYan阅读(163)评论(0)赞(0)

需求如下,红框所在的文字有四个字的、三个字的、两个字的,如果不两端对齐可以选择居中对齐,或者右对齐。但是如果要像下面这样两端对齐呢? 我相信以前很多人都这么干过:两个字中间使用 来隔开达到四个字的宽度,三个字也可以,但是,像上图中...

CSS3 | box-shadow 深度解析

SanRenYan阅读(214)评论(0)赞(0)

CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果,该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活,对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性...

CSS | 浏览器内核与CSS兼容

SanRenYan阅读(421)评论(0)赞(2)

浏览器内核 ( 现代4大内核 ) Trident 代表作:IE 元老级内核之一,由微软开发,并于1997年10月首次在ie 4.0中使用,凭借其windows垄断优势,Trident市场占有率一直很高。然而垄断并非,没有竞争就没有进步,长期...

CSS | HTML标签嵌套规则

SanRenYan阅读(222)评论(0)赞(1)

在学习标签嵌套规则前,需要先了解标签类型。 简单认识了块元素和内嵌元素以后,下面就可以罗列 XHTML 标签的嵌套规则了: 1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素: 2.&n...

CSS | 盒模型与文本溢出复习

SanRenYan阅读(242)评论(0)赞(0)

盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白(填充)、边框、边界(外边距)这就是盒模型。 PADDING padding用法: 1:pa...

CSS | CSS文本属性知识复习

SanRenYan阅读(225)评论(0)赞(0)

属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性。 属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。 文本属性 font-size color font-family font-wei...

CSS | 基础知识复习

SanRenYan阅读(201)评论(0)赞(0)

CSS简介 CSS(cascading style sheet) 汉译为层叠样式表,是用于控制网页样式 WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制。目前推荐遵循的是W3C发布的CSS3.0版本;用来表现HTML或者XH...

CSS3 | 矩阵的使用方法

SanRenYan阅读(279)评论(0)赞(1)

CSS3 矩阵变化. 应用格式为: 对应于就是: 实际应用中的转换就是: 其中: ax+cy+e = 横坐标 bx+dy+f = 纵坐标 为什么会多出 0 0 1呢? 因为, 为了凑参数. translate 矩阵 基本格式为: scale...

CSS3 | 3D 转换

SanRenYan阅读(274)评论(0)赞(1)

3D 转换 CSS3 允许您使用 3D 转换来对元素进行格式化。 rotateX() rotateY() 它如何工作? 转换是使元素改变形状、尺寸和位置的一种效果。 您可以使用 2D 或 3D 转换来转换您的元素。 rotateX() 方法...

CSS3 | 2D 转换

SanRenYan阅读(260)评论(0)赞(0)

CSS3 转换 通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。 它如何工作? 转换是使元素改变形状、尺寸和位置的一种效果。 您可以使用 2D 或 3D 转换来转换您的元素。 2D 转换 在本章中,您将学到如下 2D ...

CSS3 | 过渡(transition)

SanRenYan阅读(325)评论(0)赞(0)

CSS3 过渡 CSS3中,我们为了添加某种效果可以从一种样式转变到另一个的时候,无需使用Flash动画或JavaScript。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -mo...