0

0

CSS入门级讲解

巴扎黑

巴扎黑

发布时间:2017-07-19 16:28:40

|

1623人浏览过

|

来源于php中文网

原创

一.概述
层叠样式表;可以对html的元素,进行控制,使html的元素展现的效果和位置更好;

二.基本语法
css规则由两个部分构成:选择器和语句
语句规则:
1.css选择器的名称区分大小写;属性名和属性值区分大小写;
2.每条语句的结尾都要使用;,最后一行可以省略;
3.注释格式:/**/
4.css在html中写的代码需要使用style标签包裹起来;
5.如果单独写一个css文件,则不需要使用style标签,所有的语句需要使用大括号包裹起来;
6.如果属性值中包含空格,必须使用双引号包裹起来;
7.如果一个属性名对应多个属性值,多个属性值用空格隔开;
8.css文件的后缀名.css;

三.格式:
选择器{
     属性名: 属性值;
     属性名: 属性值;
     属性名: 属性值;
     ...........
}

四.选择器
1.ID选择器
#id的属性值{
     属性名: 属性值;
     属性名: 属性值;
     .....
}

2.类选择器
.class属性的属性值{
     属性名: 属性值;
     属性名: 属性值;
     .....
}

立即学习前端免费学习笔记(深入)”;

3.元素选择器(标签选择器)
标签名{
     属性名: 属性值;
     属性名: 属性值;
     .....
}

ZYCH自由策划企业网站管理系统06 Build210109
ZYCH自由策划企业网站管理系统06 Build210109

ZYCH自由策划企业网站管理系统是一个智能ASP网站管理程序,是基于自由策划企业网站系列的升级版,结合以往版本的功能优势,解决了频道模板不能自由添加删减的问题,系统开发代码编写工整,方便读懂,系统采用程序模板分离式开发。方便制作模板后台模板切换,模板采用动态编写,此模板方式写入快,代码编写自由,即能满足直接使用也能满足二次开发。全新的后台界面,不管是在程序的内部结构还是界面风格及CSS上都做了大量

下载

4.属性选择器
标签名[属性名=属性值]{
     属性名: 属性值;
     ....
}

5.包含选择器
基本选择器 标签名{
     属性名: 属性值;
     ....
}

四.与html整合的方式
1.在html的head标签中使用link标签

2.在html的页面的head标签中使用style标签,在style标签内也可以写css代码;只能该html文件使用,其他html不能用;

3.在开头标签中,写属性名style=”属性名=属性值;属性名=属性值;”;

相关专题

更多
C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

8

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

25

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

18

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

18

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

10

2026.01.22

PHP特殊符号教程合集
PHP特殊符号教程合集

本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

10

2026.01.22

PHP探针相关教程合集
PHP探针相关教程合集

本专题整合了PHP探针相关教程,阅读专题下面的文章了解更多详细内容。

7

2026.01.22

菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

30

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
CSS3 教程
CSS3 教程

共18课时 | 4.8万人学习

SciPy 教程
SciPy 教程

共10课时 | 1.2万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号