1.css的介绍

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

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

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

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

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

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

2.css基础

css基本语法

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

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

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

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

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

语法：

案例：

Document

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

语法：

1号标题

案例：

段落

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

语法：

案例：

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

语法：

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

案例：

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

在php中加css_php学习之css入门（一）相关推荐

【前端学习】CSS入门
前端学习:CSS入门文章目录前端学习:CSS入门前言 1.class01 1.我的第一个CSS 2.导入方式 3.基本选择器 (1)ID选择器 (2)标签选择器 (3)类选择器 4.层次选择器 ...
html中加hover啥意思,css中hover是什么意思
css中:hover是一个伪类选择器,:hover伪类选择器在鼠标移到元素上时向此元素添加特殊的样式.:hover选择器适用于所有元素. 要使用css对HTML页面中的元素实现一对一,一对多或者多对一 ...
html给图标加角标,HTML+CSS入门如何使用CSS创建一个图片角标
本篇教程介绍了HTML+CSS入门如何使用CSS创建一个图片角标,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 角标是一个给某元素标明"New",& ...
angular的html引入js,在AngularJS中的文件夹中加载JavaScript和CSS文件
AngularJS不支持你想要的东西,但是你可以看看Grunt或Gulp等构建工具,它们可以让你"构建"你的应用程序.在您的情况下,这些工具可以查找CSS文件并将它们连接成一个文件 ...
go语言html css,html – 在Golang中加载图像和CSS
我在项目根目录的package main中的server.js中设置了一个路由 http.HandleFunc( "/",route.IndexHandler) IndexHand ...
Joomla!程序中加载JS和CSS的方法
1.加载单独的js文件: $js = JURI::base().'components/com_foobar/assets/script.js'; $document =& JFactory: ...
html语言怎么在虚线中加字,html – 用CSS添加虚线spacer / infill
我正在一家餐馆网站上工作.该设计要求在菜单项和价格之间填充典型的虚线.我一直在网上搜索并乱了一个小时左右,现在似乎没有找到任何好方法只用CSS做到这一点.如果你有一个纯色背景,我在这里发现了其他几个解 ...
html中加边框的例子,css如何给图片加上边框示例
css的应用十分广泛,即便用在图片的效果中也是方法多样,下面就介绍五种为图片添加特殊效果边框的CSS写法阴影效果通过使用带有一些padding之的背景图来添加阴影效果. HTMLCSS img.s ...
在html css中加粗显示,在CSS里面如何实现字体加粗
在word里面实现文字加粗是一件轻而易举的事.我们直接点击加粗按钮就可以完成.但是在css里面没有加粗按钮呀,那么如何实现字体加粗呢?下面小编向大家简单介绍一下. 1.使用font-weight属性 ...

在php中加css_php学习之css入门（一）

1号标题

在php中加css_php学习之css入门（一）相关推荐

最新文章

热门文章