CSS中的特殊符号

html-css07

CSS中的特殊符号,第1张

我好像米碰到过这种大于号的符号,

看看你要的是不是这些

如div{...}会给所有的<div></div>增加样式

名前井号“#”:对应html中的标签的id属性,写法为#name

如#p1{...}会给<p id="p1">ID is p1</p>增加样式

名前小数点“.”:对应html中标签的class属性,写法为.name

如.p2{...}会给<p class="p2">CLASS is p2</p>增加样式

中间空格“ ”:关系到html标签的层次,写法为css css[ css[... css]],可以设多层

如DIV #p1 .span1{...}则会给<div><p id="p1"><span class="span1"></span></p></div>中最内部的span1增加样式

这样写的CSS必须严格遵守CSS与HTML标签层次,以下情况不会被这条CSS所应用

<span class="span1"></span>

<p id="p1"><span class="span1"></span></p>

<div><span class="span1"></span></div>

中间逗号“,” :表示并列关系,既该CSS有多个名称(可以精简重复的CSS样式)

如body,form,div{...}会为所有的<body></body>、<form></form>、<div></div>增加样式

名后冒号“:”:一般是指状态

如a:hover表示当鼠标悬停在a标签上时使用的样式

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

<div>hello&nbsp&nbsp&nbspspace</div>

3、浏览器运行index.html页面,此时成功通过&nbsp在文字间插入了空格。

HTML中输入空格的方法:

一、添加单个空格

当你需要插入单个空格时,在目的位置处输入代码 —— 代表不换行空格。 当你想要在字符或单词之间插入少量空格时,在特定位置使用  代码能插入一个或两个空格。这样既能保持文本体裁格式上的统一性,又能提升文本的美学效果。

如果你希望别人在阅读某段文本时,在指定位置处停顿几秒钟,那么你可以在该处插入空格。例如,在“学技术,从W3Cschool.cn开始!”的例句中,你可以在“学技术”后插入间隔,就变为了“学技术,  

从W3Cschool.cn开始!”

二、 使用HTML(超文本标记语言)添加段落间距

如果你希望接下来输入的文本形成一个段落,那么在段落前插入<p>

在段落内句与句之间插入</p>来分割句子。 

例如:<p>学技术, 从W3Cschool.cn开始!</p><p>一个专业的编程入门教程网站!</p>

小提示: 

如果在你检查最后的文本时,看到一些额外的符号“浮”在代码上,你需要仔细查看是不是有不完全的代码,比如“<br>”写成了“<br”。 

注意:预格式的文本和普通的文本的字体和宽度不同。 

当给段落排版时,你需要注意段落之间的空格数量。空格数量取决于你的CSS代码。 

如果个别的空格和页面的格式密切相关,你最好使用CSS代码处理它。 

在代码编辑器或纯文本文件中编写HTML语言。在文字编辑处理软件中编写代码,可能导致错误,这是因为这样的程序会在文本内容上附加额外的信息,这些信息无法被网页浏览器识别。