CSS代码怎么用?放哪
css代码可以内嵌也可以外链。内嵌就是将css直接写在html标记中,大约在2008年以后基本都逐渐规范为外链方式。内嵌css有个很大的缺点,就是html标记与css代码混合在一起,页面代码看起来比较混乱、吃力,结构不太清晰,后期如果有修改就会很费劲;规范为外链后,代码美观易懂、脉络清晰,方便二次修改。外链css,就是将css从html标记中分离出来,集中到一个或多个css页面,再根据需要,调用相关css文件进行指定样式表。
CSS样式表
内嵌css的方式:在html标记中添加属性“style”,设置相关属性值。如:“<p style=“font-size:12px”>带你走进科技大世界。</p>”就是给“带你走进科技大世界。”这段文字设置的字体大小为12px。
内嵌CSS样式
外链css方式:建一个css文件,样式集中写在该文件中,在所需页面调用就行了。方法是在“<head>”标记中添加“<link rel="stylesheet" type="text/css" href="xxx/cssName.css" >”,其中“xxx”为路径,“cssName.css”为文件名。外链设置好后,在标记中通过“class”或“id”进行调用,如“<p class=“toptxt”>”或"<p id="toptxt">",这时候样式表中被命名为“toptxt”的样式就应用到这个“<p>”标记中了。样式表中“class”和“id”的写法不一样,“class”前面加“.”,“id”前加“#”。
调用CSS文件
下面来说说使用“class”和“id”的区别,二者之间最大的区别是“class”名称在同一个页面中可以重复使用,而“id”名称是独一无二的。“class”本身就是用来调用样式的,一个页面中有同一个样式效果很正常,用“class”方便省事也更合理。“id”相当于人名,不允许重复出现。因为“id”不仅可用于样式,在写JavaScript时通常也要用“id”指定块。
内嵌式基本语法格式
关于这个问题,内嵌式基本语法格式是指在一个语言中可以嵌入另一个语言的语法格式。一般来说,内嵌式基本语法格式包括以下几个方面:
1. 内嵌式代码的标识符:用于标识内嵌式代码的起始和结束位置,常用的标识符有<%和%>、{{和}}等。
2. 内嵌式代码的语法规则:内嵌式代码通常有自己的语法规则,例如变量的声明和赋值、条件判断和循环等。
3. 内嵌式代码的引用方式:在宿主语言中引用内嵌式代码的方式,一般有直接插入、调用函数和使用特定的语法结构等。
下面以内嵌式基本语法格式的Python例子来说明:
```
# 宿主语言代码
name = "Alice"
age = 25
score = 90
print("My name is <%name%>.") # 直接插入内嵌式代码
print("I am <%age%> years old.")
# 调用内嵌式代码函数
def get_grade(score):
if score >= 90:
return "A"
elif score >= 80:
return "B"
else:
return "C"
print("My grade is <%get_grade(score)%>.")
# 使用特定的语法结构
for i in range(1, 6):
print("Count: <%i%>")
```
在上面的例子中,Python作为宿主语言,使用<%和%>作为内嵌式代码的标识符。内嵌式代码包括变量的引用、函数的调用和循环的使用。通过内嵌式基本语法格式,可以在宿主语言中嵌入其他语言的代码,实现更灵活和强大的功能。
还没有评论,来说两句吧...