php-css外边距

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› PHP›PHP编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

css 基本语法 selector{declaration1;declaration2;....delecrationN;} (选择器和一条或多条声明) 选择器为需要改变样式的html元素，每条声明由一个属性一个值组成。总结：selector{property：value；property：value；}

h1{color:red;size:14px;}

h1{color:red;font-size:14px;}

p{color:#ff0000;} p{color:rgb(255,0,0);}

p{font-family:"one two";}

p{color:red;align="center";}

p{text-align:center;color:red;}

text-align="center";

color：red;

font-family:arial;(font-family:"lucky one";)

}

与html一起工作class 和id对大小写敏感。

margin声明设置中外边距属性该属性有1-4个值

margin：10px 4px 12px 24px; （上右下左）

margin:10px 5px;（上下边距为10 右左边距为5）

margin:10px（上下左右均为10）

eg:(背景颜色要在字体颜色前设置)

<html>

<head>

background-color:green;

color:red;

font-size:20px;

margin:2cm 3cm 5cm 4cm;

</style>

</head>

<body>

<p>本段修改了格式</p>

<h2>二级标题，并没有修改格式</h2>

</body>

</html>

eg2(指定某个class采用格式)

类选择器：元素可以基于它们的类而被选择：

在css中，类选择器用一个.表示

例如：.test

td.test{

color:red;

font-size:20px;

}

实例

<html>
<head>
<style type="text/css">
p.first{
background-color:green;
color:red;
font-size:30px;
margin:2cm 3cm 4cm 3cm;

}
p.second{

color:yellow;
font-size:20px;
margin:2cm 2cm 2cm 2cm;

}
</style>
</head>
<body>
<h1>一级标题</h1>
<p class="first">此处设置格式</p>
<p>段落三未设置</p>
<p class="second">此处设置格式2</p>
</body>
</html>

属性选择器：（前提：只有规定了!DOCTYPE IE7 IE8才支持属性选择器）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[title]{

background-color:green;

color=red;

font-size:20px

}

<style>

eg:(title可赋值可不赋值赋值为指定某一title名的约束)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
p.test{
background-color:red;
font-size:20px;
margin:2cm 2cm 2cm 2cm;
}
[title=JORDON]
{
background-color:green;
color:red;
font-size:30px;
}
</style>
</head>
<body>
<h1 title="Eason">Eason</h1>
<p title="JORDON">make another choice</p>
<p class="test">form表单的作用</p>
<h2 title="JORDON">JORDON</h2>
</body>

</html>

鲜花

握手

雷人

路过

鸡蛋

该文章已有0人参与评论

请发表评论

全部评论

专题导读

More+

10-27 六六分期app的软件客服如何联系？(六六分期

11-06 可心卡盟:win10系统火狐flash插件崩溃怎么

11-06 亲亲特价:怎么删除回收站图标

11-06 济南大学虚拟社区:鲁大师节能降温的具体办

11-06 xlueops.exe:无线网络安装向导

11-06 女斗合众国:win7系统cf与主机连接不稳定怎

11-06 0xc000022-[cf烟雾头]cf怎么调烟雾头

11-06 qizideyouhuo:应用程序无法正常启动0xc0000

11-06 ipz-185:win7系统vcf文件怎么打开

11-06 傻哥蹦迪:win10系统s4怎么打开usb调试

11-06 八神浩树gtaste:回收站清空了怎么恢复

11-06 妖尾之黑色守护:win10系统电脑没有1440x900

11-06 校园至尊魔王小说:win7系统浏览网页时字体

11-06 女斗合众国:win10系统访问共享文件夹提示请

11-06 tokyo hot n0654:恢复win7系统默认字体一招

11-06 雨酷仙境:设置win7系统转移临时文件夹腾出

11-06 阿穆纳伊之杖:win7系统开始菜单在右边还原

11-06 tunespotting:win10系统火狐flash插件总是

11-06 甘尔葛分析师：计谋网站seo关键词暴涨有什

11-06 蔡贵霖: 计谋网站seo关键词暴涨有什么秘密

11-06 博益网首页:ao3网页版进入不了解决方法

11-06 漏斗子专栏: 网站数据分析小白易懂精华篇

11-06 见证双虹怎么做:win7系统开启telnet命令的

11-06 颾狐蝶蜋:系统资源不足无法完成请求的服务

11-06 国光中学校歌:提交网站到alexa查询详细步骤

11-06 西安有情天:静态网页和动态网页的区别

11-06 红木雅尚斋:外部链接构造对网站的好处

11-06 前官礼遇：防止域名劫持–增强域安全性的10

11-06 密传二转答案: 中文分词算法有哪些

11-06 金泉家园邮编:百度快照劫持的表现及应对方

apachephp开启伪静态发布时间：2022-07-10

phpvar_dump()函数的详解发布时间：2022-07-10

MikeMcQuaid/strap:

1 ewiger/mlab: Mlab is a high-level python

ewiger/mlab: Mlab is a high-level python to Matlab® bridge that lets Matlab loo

阅读：459|2022-08-17

2 7个非常好的免费Delphi组件集(转)

你是否在寻找一些免费且多功能的Delphi组件为你的程序添加更强的功能？不用再寻找了，

阅读：1036|2022-07-18

3 IvonaTau/emotionaldan: Deep Neural Netwo

IvonaTau/emotionaldan: Deep Neural Network for joint emotion classification and

阅读：614|2022-08-16

4 Edditoria/notepad-plus-plus-localization

Edditoria/notepad-plus-plus-localization-hong-kong: Hong Kong Cantonese localiza

阅读：376|2022-08-15

5 我的笔顺,分享我的笔画,诠释我的部首

我的笔顺是什么？我的笔顺笔画顺序怎么写？还有我的拼音及意思是什么，好多初学练字者

阅读：358|2022-11-06

6 square/bazel_maven_repository: A bazel r

square/bazel_maven_repository: A bazel ruleset creating a more idiomatic bazel r

阅读：786|2022-08-17

7 工商年报和税务年报是什么意思?

工商年报、企业所得税汇算清缴如期而至，又到了每年会计最忙的时节了。工商及税务机关

阅读：1091|2022-07-30

8 CVE-2022-20903

Multiple vulnerabilities in the web-based management interface of Cisco Small Bu

阅读：590|2022-07-29

9 danipascual/GNSS-matlab: Matlab codes to

danipascual/GNSS-matlab: Matlab codes to generate GNSS PRNs, secondary codes, da

阅读：753|2022-08-17

10 win7系统自动完成分区的操作方法

win7系统电脑使用过程中有不少朋友表示遇到过win7系统自动完成分区的状况，当出现win7

阅读：319|2022-11-06

客服电话

电子邮件

php-css外边距

请发表评论

全部评论

上一篇：

下一篇：

krishnaik06/Machine-Learning-in-90-days

armancodv/building-energy-model-matlab:

美元符号为什么是“$”

mementum/backtrader: Python Backtesting

FGRibreau/import-tweets-to-mastodon: How

MikeMcQuaid/strap:

headcr4sh/node-maven: Maven for Node.js

CVE-2022-26527

traex/RippleEffect: Implementation of Ri

CVE-2021-31645

csimmonds/procrank_linux: procrank from

关于我们

产品与服务

解决方案

139-2527-9053