这次给大家带来一个css使用与特性。
1.css的使用方式
每个样式属性之间用分号连接,例:
color:red; 字体颜色
background-color:yellow; 背景颜色
font-size:50px; 字号大小
①行内样式,内联样式
在元素中,写style属性,在style属性中编写样式
<元素 style="样式声明;样式声明....."></元素>

————————————————
只对当前元素生效,代码没有可重用性
内联样式默认优先级最高
内联样式只在学习和测试中使用,项目基本不用
②内部样式
在head标签中,编写style标签,在style标签内部,编写属性
选择器{样式声明;样式声明…}
选择器:定义页面中使用这个样式的元素条件

只能在当前页面中使用,项目中使用较少,
学习和测试使用较多
③外部样式
创建一个.css文件,在html中的head标签里,使用link引入

必须有rel=“stylesheet”,代表当前文件和引入文件的关系
项目中大量使用
2.css的样式特性
①继承性
文本样式和字体样式的继承
绝大多数文本字体样式,可以被继承
a标签不会继承字体颜色
②堆叠性
为一个标签定义多个样式规则
如果样式属性不冲突,都会作用到这个标签上
③优先级
默认优先级
高 内联样式
中 内部样式,外部样式-------就近原则
低 浏览器默认样式
f12关于优先级的显示
默认情况下,f12中样式是按照默认优先级顺序从上往下显示
④调整优先级
设置最高优先级 !important,比内联都高
写在某一个值与分号之间,!important与值之间有空格
color: red !important ;
注意,内联样式不允许设置!important,语义要求
————————————————
这是我所学到的数据库Models的引用说明,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!
1.css的使用方式
每个样式属性之间用分号连接,例:
color:red; 字体颜色
background-color:yellow; 背景颜色
font-size:50px; 字号大小
①行内样式,内联样式
在元素中,写style属性,在style属性中编写样式
<元素 style="样式声明;样式声明....."></元素>

————————————————
只对当前元素生效,代码没有可重用性
内联样式默认优先级最高
内联样式只在学习和测试中使用,项目基本不用
②内部样式
在head标签中,编写style标签,在style标签内部,编写属性
选择器{样式声明;样式声明…}
选择器:定义页面中使用这个样式的元素条件

只能在当前页面中使用,项目中使用较少,
学习和测试使用较多
③外部样式
创建一个.css文件,在html中的head标签里,使用link引入

必须有rel=“stylesheet”,代表当前文件和引入文件的关系
项目中大量使用
2.css的样式特性
①继承性
文本样式和字体样式的继承
绝大多数文本字体样式,可以被继承
a标签不会继承字体颜色
②堆叠性
为一个标签定义多个样式规则
如果样式属性不冲突,都会作用到这个标签上
③优先级
默认优先级
高 内联样式
中 内部样式,外部样式-------就近原则
低 浏览器默认样式
f12关于优先级的显示
默认情况下,f12中样式是按照默认优先级顺序从上往下显示
④调整优先级
设置最高优先级 !important,比内联都高
写在某一个值与分号之间,!important与值之间有空格
color: red !important ;
注意,内联样式不允许设置!important,语义要求
————————————————
这是我所学到的数据库Models的引用说明,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!