CSS入门

1、CSS(英文全称:Cascading Style Sheet)中文名称:层叠样式表语言

        CSS的作用是:

                修饰HTML页面,设置HTML页面中的某些元素的样式,让HTML页面更好看。(就像女人的化妆品)

                CSS好比是HTML的化妆品一样。

                HTML还是主体,CSS依赖HTML。CSS的存在就是修饰HTML,所以文件还是*.html文件。

2、作为Java程序员对CSS要掌握到如下程度:

        * 常见的CSS样式要求会写。

        * 别人写的CSS样式要能看懂。

3、在HTML页面中嵌套使用CSS有三种方式:

        第一种方式:在标签内部使用style属性来设置元素的CSS样式,这种方式称为内联定义方式。

                语法格式:

                        <标签 style="样式名:样式值;样式名:样式值;样式名:样式值;..."></标签>

        第二种方式:在head标签中使用style块,这种方式被称为样式块方式。

                语法格式:

                        <head>

                                <style type="text/css">

                                        选择器 {

                                                样式名 : 样式值;

                                                样式名 : 样式值;

                                                ......

                                        }

                                        选择器 {

                                                样式名 : 样式值;

                                                样式名 : 样式值;

                                                ......

                                        }

                                        …...

                                </style>

                        </head>        

        第三种方式:链入外部样式表文件,这种方式最常用。

                (将样式写到一个独立的xxx.css文件当中,在需要的网页上直接引入css文件,样式就引入了)

                语法格式:

                        <head>

                                <link type="text/css" rel="stylesheet" href="css文件的路径" />

                        </head>

                第三种种方式易维护,维护成本较低。

                一个样式xxx.css文件,可以被多个HTML文件引用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值