美文网首页
HTML5中CSS的重点属性介绍

HTML5中CSS的重点属性介绍

作者: Alexander | 来源:发表于2016-03-15 11:00 被阅读64次

RGBA透明度: RGB(红色R+绿色G+蓝色B),RGBA则在其基础上增加了Alpha通道,可用于设置透明值

  • 1, 块阴影与圆角阴影
    box-shadow text-shadow

  • 2, 圆角
    border-radius

  • 3, 边框图片
    border-image

  • 4, 形变
    transform:none|<transform-function>[<transform-fuction>]

<!--CSS属性介绍-->

<html>

<head lang="en">

<meta charset="UTF-8">

<title>CSS属性介绍</title>

<style>

div{

/*设置文字大小:px是像素*/

font-size: 30px;

width: 200px;

color: red;

background-color: cadetblue;

/*设置外边距:这里表示上右下左都是20px*/

margin: 20px;

/*也可以直接设置它们的不透明度*/

/*opacity: 0.2;*/

/*设置阴影:水平和垂直阴影的位置是必填的,后面的可选*/

box-shadow:10px 10px 10px red;

}

/*设置透明度的渐变效果*/

/*.Alex1{*/

/*background-color: rgba(168,0 ,0 ,1.0);*/

/*}*/

/*.Alex2{*/

/*background-color: rgba(168,0 ,0 ,0.7);*/

/*}*/

/*.Alex3{*/

/*background-color: rgba(168,0 ,0 ,0.4);*/

/*}*/

/*.alex4{*/

/*background-color: rgba(168,0 ,0 ,0.2);*/

/*}*/

/*.alex5{*/

/*background-color: rgba(168,0 ,0 ,0.1);*/

/*}*/

p{

color: cornflowerblue;

text-shadow: 10px 8px 5px cornflowerblue;

}

.William{

color: red;

width: 250px;

font-size: 20px;

height: 300px;

background-color: green;

/*设置圆角*/

/*border-radius: 50px;*/

border-bottom-left-radius: 50px;

border-top-right-radius: 50px;

}

</style>

</head>

<body>

<div class="Alex1">WilliamAlex</div>

<div class="Alex2">WilliamAlex</div>

<div class="Alex3">WilliamAlex</div>

<div class="Alex4">WilliamAlex</div>

<div class="Alex5">WilliamAlex</div><br>

<p></p>

<p>一个合格的程序员需要不停的追求新知识</p><br><br>

<div class="William">一个合格的iOS开发工程师是需要学习很多语言的</div>

</body>

</html>

相关文章

  • HTML5中CSS的重点属性介绍

    RGBA透明度: RGB(红色R+绿色G+蓝色B),RGBA则在其基础上增加了Alpha通道,可用于设置透明值 1...

  • Css动画 小球横移

    学习css 动画,建立小球左右横移的动画原料:html5 Css3html CSS css 动画属性介绍 其中an...

  • CSS3 背景

    @(HTML5)[背景] [TOC] 三、CSS3背景 CSS背景属性回顾 背景单个属性 background-i...

  • 2017.11.04CSS3

    HTML5/CSS3 HTML5是HTML的升级、CSS3是CSS的升级 选择器 自定义属性 class操作 比c...

  • CSS重点属性

    1、width height 2、font-size/font-family ...

  • CSS中position属性介绍

    position的含义是指定位类型,取值类型可以有:static、relative、absolute、fixed、...

  • html属性速查笔记

    HTML介绍: html5广义 = html5 + css3 +javascript 哪些支持HTML5:IE9 ...

  • CSS3入门之选择器

    属性选择器 前面章节介绍过 这里重点介绍CSS3新增的几个 主要有以下几个: 格式 E[attr^="value"...

  • BootStrap学习记录

    Bootstrap 使用了一些 HTML5 元素和 CSS 属性。需要使用 HTML5 文档类型(Doctype)...

  • 清除浮动的几种常用方法

    CSS中的浮动简单介绍 浮动是CSS中的一个属性float来实现的,通过设置属性值left、right来实现元素的...

网友评论

      本文标题:HTML5中CSS的重点属性介绍

      本文链接:https://www.haomeiwen.com/subject/lvtqlttx.html