在php中加css_php学习之css入门(一)

1.css的介绍

css:层叠样式表,它是cascading style sheets的缩写,作用就是给html标签加表现形式(样式显示)

如:字体、图片、列表、位置等

772d42f06e85cb7aa1e751add4fa3697.png

在浏览器中可以看到部分:

html:超文本标记语言,主要作用把内容(图片、文字、视频等)放入网页中—网页结构css:层叠样式表,主要给html进行样式的显示。如何的布局—样式javascript:浏览器的脚本语言,主要作用给html加动态特效—行为css的特点:

可以非常准确的定位,定位某个或某些标记,给这些标记加样式

html和css代码分离,减少后期工作量

2.css基础

css基本语法

0c755eb10903b093c83e15fe88f632ce.png

css样式表由语法规则组成,由多个语法规则组成样式表

一个css语法规则由“选择器”和“声明语句”组成

选择器:如何的精准的定位到某个或某些html标记的方法,选择器有很多种方式

声明语句:就是如何去给html标记加样式属性和值,每个声明语句用分号结束,多个声明语句用花括号括起来,这时候就是给某个或某些标记加这个里面的所有写的样式

0f700875b075befd470e2a3283389c27.png

css的引入方式1.内嵌方式:把css样式表通过一对标签写在html文件的head标签中,当成html的标记来使用,一般情况都是写在head中,不推荐写在别的地方

语法:

案例:

Document

b6033adb50b520bb867b085fb44ba97c.png

2.行内方式:把css样式当成html的一个属性来写,如:

语法:

1号标题

案例:

段落

3.外链方式:把css样式表写到一个以.css为结尾的文件中(style.css),把这个文件引入到某一个html文件中,当前html文件就会有css的效果实现,好处:一个css可以给多个html文件使用

语法:

案例:

4.@import:可以在一个css文件中再次引入一个css文件

语法:

@import url(“要引入的css文件路径”)

案例:

d8f28c69b4e1368154a14ab80353b855.png

未经允许不得转载:分享吧 03 php学习之css入

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值