奉贤做网站价格,德州seo排名,黄冈推广软件,开个小门面装修找谁0. 写在前面 现在大模型卷的飞起#xff0c;感觉做页面的活可能以后就不需要人来做了#xff0c;不知道现在还有没有学前端的必要。。。 1. HTML和CSS结合的三种方式
在HTML中#xff0c;我们强调HTML并不关心显示样式#xff0c;样式是CSS的工作#xff0c;现在就轮到C…0. 写在前面 现在大模型卷的飞起感觉做页面的活可能以后就不需要人来做了不知道现在还有没有学前端的必要。。。 1. HTML和CSS结合的三种方式
在HTML中我们强调HTML并不关心显示样式样式是CSS的工作现在就轮到CSS的学习了。
1. 行内样式表
将样式直接写到HTML标签的style属性中 缺点不易于维护、不可复用可移植性极差
p stylecolor: red; font-size: 30px;今天天气不错/p
p stylecolor: red; font-size: 30px;挺风和日丽的/p可以发现如果想对每个标签都添加相同的样式是一件非常麻烦的事情
2. 内部样式表 在HTML中的head标签中创建style标签 在style标签中利用选择器为选中的标签添加样式 语法格式选择器 {属性1: 属性值1;属性2: 属性值2;……
}style/*CSS注释注意在style标签中属于CSS而CSS和HTML的注释不同。在这里面是CSS范畴在外面是HTML范畴在标签中要遵守CSS的规范*/p {color: orange;font-size: 30px;}h1 {color: blue;font-size: 80px;}
/style选择器用于选择需要添加样式的标签 {}称为声明块需要为元素添加的样式都写在声明块 样式以键值对的形式呈现样式名对应样式值。名和值之间以英文的 : 连接 以英文的 ; 结尾。键值对可以有多个建议每行写一对。
缺点仅对于当前文档使用可移植性差
3. 外部样式表推荐使用
在外部创建一个.css结尾的文件在该文件中编写css样式表语法格式选择器 {属性1: 属性值1;属性2: 属性值2;……
}在需要引入样式的页面的head标签中利用link标签引入外部样式表 优点 1. 易于维护 2. 可移植性强 3. 提高复用性 4. 可以利用浏览器缓存机制加快网页加载速度提高用户体验
外部样式表做到了 “高内聚、低耦合” 这是很重要的编程思想
link relstylesheet href./CSS/hello.css可以在hello.css中编写想要的样式并通过link标签将其引入到当前HTML文档中
