网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
css3新增的属性样式(新特性)有哪些?本章就给大家重点介绍几种css3中常用的新增属性样式(新特性)。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
在介绍css3新增的属性样式(新特性)前,我们要先知道什么是css3。
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。
CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。
CSS 是用来表现HTML或XML的标记语言。
CSS 是由W3C的CSS工作组发布推荐和维护的.
CSS 是编程入门人员的必修课,运用CSS样式可以让页面变得美观。
CSS语法由三部分构成:选择器、属性和值,例: selector {property: value}。
而CSS3 就是最新的 CSS 标准,比之新增加了一些属性样式,既新特性。下面我们来介绍css3中几种常用的新特性(属性样式):
一、边框
border-image属性:是一个简写属性, 用于设置所有 border-image-* 属性的简写属性。
border-radius属性:是一个简写属性,用于设置四个 border-*-radius 属性。
border-top-left-radius 设置左上角
border-top-right-radius 设置右上角
border-bottom-right-radius 设置左下角
border-bottom-right-radius 设置右下角
border-top-left-radius : x y ; x代表左上角x轴偏移量 ,y代表y轴偏移量,可以设置百分比以及像素。
border-radius:;
一个值表示 左上 右上 左下 右下 都是
两个值表示 第一个值左上右下 第二个值 右上左下
三个值表示 第一个 左上 第二个值右上左下 第三值 右下
四个之 分别 左上 右上 右下 左下
border-radius 0 0 0 0/ 0 0 0 0;
前四个是四个x方向的x轴偏移 后四个是y轴方向的偏移
box-shadow属性:向方框添加一个或多个阴影。
语法:box-shadow:值
值说明:
(1)第一个值 :Npx 阴影向水平方向偏移N个像素 正数往右 负数往左
(2)第二个值 :Npx 阴影向垂直方向偏移N个像素 正数往下 负数往上
(3)第三个值 :羽化大小 (模糊的大小)
(4)第四个值 :阴影尺寸
(5)第五个值 :颜色 默认值是黑色
(6)第六个参数: 内外阴影 默认是外阴影 内阴影是inset
(7)阴影可以写多个,中间用逗号隔开
(8)阴影可以简写,但是需要注意有一些值需要补0
综合例子:
p{
border: 2px solid red;
border-radius:25px; /* 创建圆角,100%为圆形 */
box-shadow: 10px 10px 5px #888888;
}