<br/>
Css(Cascading Style Sheets,层叠样式表)是一种页面美化方法,通过编辑Css的对象属性达到美化页面的效果。Css的操作基本单元为对象,使用CSS的感觉就像是使用C++/C中的函数,CSS对象就像是函数,通过定义,声明,调用来使用。
CSS有三种选择器(对象定义和使用方式):标签选择器,类别选择器,ID选择器
CSS有四种包含方法:行内式,内嵌式,链接式,导入式
标签选择器:
定义:引用的样式对象名{标签属性:属性值;标签属性:属性值;…….}
eg: h1,h2{text-align: center; color: red;}
使用:
……..
……..
类别选择器:
定义:标签名.类名{标签属性:属性值;标签属性:属性值;…….}或者
.类名{标签属性:属性值;标签属性:属性值;…….}
eg: p.center{ text-align: center; }
.right{ text-align: right; }
使用:
……..
……..
(*区别:后一种格式表示 所有class属性值为该类名的标签都遵守该类所定义的样式)
(eg: 定义了.right{text-align: right;},调用的时候,只要是通过class调用right的属性的标签,都可以表现出right的属性。
…..
;……
;……;等等标签都表现出右对齐的属性。 )ID选择器:
定义:#id名称{标签属性:属性值;标签属性:属性值;…….}
eg: #sample{font-family:宋体; don’t-size:60pt;}
使用:
……
行内式:
不需要定义选择器,利用style属性直接为元素设计样式
eg:
……
内嵌式:
先定义选择器,将样式表定义在
之间。eg:
<html> <head> <title>xxxxxx</title> <style type=”text/css”> p{color: #000FF;} .info{font-size: 12px;} </syle> </head> </html>
链接式:
定义的对象单独放在一个以.css为扩展名的文件里,在使用标签链接到所需要的网页中,在
之间。eg:
导入式:
与链接式方法类似,只是通过import的方法导入。
eg:
CSS样式表的优先级:
嵌入式样式表 > 内联式 > 外联式 > 浏览器默认
<br/>

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

SublimeText3 英文版
推荐:为Win版本,支持代码提示!