成都网站建设设计

将想法与焦点和您一起共享

css中美化网页的元素是什么

小编给大家分享一下css中美化网页的元素是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联公司于2013年开始,公司以成都网站制作、成都网站设计、系统开发、网络推广、文化传媒、企业宣传、平面广告设计等为主要业务,适用行业近百种。服务企业客户1000多家,涉及国内多个省份客户。拥有多年网站建设开发经验。为企业提供专业的网站建设、创意设计、宣传推广等服务。 通过专业的设计、独特的风格,为不同客户提供各种风格的特色服务。

2.标签

标签的作用

能让某几个文字或者某个词语凸显出来

示例:

享受“北大式”教育服务

在php中文网,有一群人默默支持你成就

梦想

选择php中文网,成就你的梦想

3.字体样式

4.字体类型

font-family属性

p{font-family:Verdana,"楷体";}

body{font-family:Times,"TimesNewRoman","楷体";}

5.字体大小

font-size属性

单位:px(像素)、em、rem、cm、mm、pt、pc

6.字体风格

font-style属性

normal、italic(库里自带的)和oblique(自动将字体变斜体)

示例:

7.字体的粗细

font-weight属性

8.字体属性

font属性familyweightsizestyle

字体属性的顺序:字体风格→字体粗细→字体大小→字体类型

pspan{font:obliquebold12px"楷体";}

9.文本样式

文本属性

10.文本颜色

color属性

RGB

十六进制方法表示颜色:前两位表示红色分量,中间两位表示绿色分量,最后两位表示蓝色分量

rgb(r,g,b):正整数的取值为0~255

RGBA

在RGB基础上增加了控制alpha透明度的参数,其中这个透明通道值为0~1

示例:

color:#A983D8;

color:#EEFF66;

color:rgb(0,255,255);--------------最深的颜色

color:rgba(0,0,255,0.5);-----------透明度

11.排版文本段落

12.文本修饰和垂直对齐

文本装饰

text-decoration属性

垂直对齐方式

vertical-align属性:middle、top、bottom

13.文本阴影

浏览器兼容性

14.超链接伪类

15.使用CSS设置超链接

16.列表样式2-1

list-style-type

list-style-image

17.列表样式2-2

list-style:

li{

list-style:none;

}

1、网页背景

R红--G绿--B蓝

背景颜色

background-color

背景图像

background-image

19.设置背景图像2-1

背景图像

background-image属性

background-image:url(图片路径);

背景重复方式

background-repeat属性

repeat:沿水平和垂直两个方向平铺

no-repeat:不平铺,即只显示一次

repeat-x:只沿水平方向平铺

repeat-y:只沿垂直方向平铺

20.设置背景图像2-2

背景定位

background-position属性

21.设置背景

背景属性

background属性

23.背景尺寸

背景尺寸background-size

24.CSS3渐变

线性渐变

颜色沿着一条直线过渡:从左到右、从右到左、从上到下等

径向渐变

圆形或椭圆形渐变,颜色不再沿着一条直线变化,而是从一个起点朝所有方向混合

浏览器兼容性

25.CSS3渐变兼容

IE浏览器是Trident内核,加前缀:-ms-

Chrome浏览器是Webkit内核,加前缀:-webkit-

Safari浏览器是Webkit内核,加前缀:-webkit-

Opera浏览器是Blink内核,加前缀:-o-

Firefox浏览器是Mozilla内核,加前缀:-moz-

26.线性渐变

左上向右下方向渐变:linear-gradient(lefttop,red,blue)

菜鸟教程(runoob.com)

线性渐变-头部到底部

从头部开始的线性渐变,从红色开始,转为黄色,再到蓝色:

注意:InternetExplorer9及更早版本IE浏览器不支持渐变。

以上是“css中美化网页的元素是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章题目:css中美化网页的元素是什么
网页地址:http://chengdu.cdxwcx.cn/article/ggoeod.html

其他资讯