网站开发用例图,大宗商品一览表,塘厦外发加工网,深圳网站排名CSS语法
1. CSS语法格式
通常情况下语法格式如下:
选择器{属性名:属性值;属性名:属性值;属性名:属性值;...
}2. CSS添加方式
2.1 行内样式
直接将样式写在本行的标签内。 h1p stylefont-size: 48px; color:red;;行内样式测试/p/…CSS语法
1. CSS语法格式
通常情况下语法格式如下:
选择器{属性名:属性值;属性名:属性值;属性名:属性值;...
}2. CSS添加方式
2.1 行内样式
直接将样式写在本行的标签内。 h1p stylefont-size: 48px; color:red;;行内样式测试/p/h1p行内样式-对比行/p运行效果 可以看出行内样式只对当前行产生效果。 2.2 内嵌样式
内嵌样式一般放在HTML文件的 header 中。
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title内嵌样式/titlestyle/* P标签的内容全部遵循style格式 */p {font-size: 24px;color: red;font-weight: bold;}/style
/head
bodyp第一行/pp第二行/p
/body
/html运行效果: 2.3 单独文件 这种方式适用于多个页面需要设置为统一的样式。可以代码复用 保存时文件扩展名为.css 也是在head中使用
格式
link relstylesheet hrefD:\code\4htmlcssJS\2024_03_19\global.css运行结果 4. CSS选择器
4.1 标签选择器
标签在最前面
选择器 {属性名:属性值;...
}只要带有选择器的标识的都会使用此样式
4.2 类选择器
使用 “.” 开头
.类名 {属性名:属性值;...
}多类选择器
.类名1.类名2 {属性名:属性值;...
}4.3 ID选择器
使用 “#” 开头
#ID名 {属性名:属性值;...
}4.4 复合选择器
多个标签在前面
a b c {属性名:属性值;...
}a标签下的 b标签下的 c标签设置css样式
