cshtml中引⽤css_带你了解web编程css
css简介
CSS是Cascading Style Sheets的英⽂缩写，即层叠样式表，CSS语⾔是⼀种标记语⾔，因此不需要编译，可以直接由浏览器执⾏(属于浏览器解释型语⾔)，CSS是⽤于布局与美化⽹页的，CSS能实现内容与样式的分离，⽅便团队开发。
css语法
CSS 由选择器、属性、属性值组成，格式：selector{property:value}
1、选择器通常是指需要改变样式的 HTML 元素
2、属性是指希望设置的样式属性
3、属性和值之间⽤冒号分开，多个属性之间加分号隔开
4、CSS是⼤⼩写不敏感的，在CSS语法中推荐使⽤⼩写
⽰例：body{color:red；font-size:12px}，设置了页⾯为字体颜⾊为红⾊，字体⼤⼩为14像素
css注释
CSS⾥⾯的注释的内容会被浏览器忽略，可⽤于为样式表加注释及调试使⽤。CSS注释格式如下：
/* css注释 */
css中的颜⾊值
1、#rrggbb ⽰例：#ffcc00
2、rgb(x,x,x) 其中x是⼀个0-255的整数值如:rgb(255,204,0)
3、red颜⾊值如color：red；
引用外部样式表的格式是css中的长度单位
px 像素(Pixel)、em 相对于当前⽂本字体尺⼨的倍数、% 百分⽐、rem 单位基于 html 元素的字体⼤⼩
html中引⼊css的三种⽅法
⼀、⾏内样式(内联样式)
就是把CSS样式直接作⽤在HTML标签中，特点：⾏内样式⽐其他⽅法更加简单灵活，但需要和展⽰的内容混淆在⼀起，从⽽会失去样式和内容相分离的优点。
⽰例：
使⽤CSS内联引⽤表现段落。
⼆、内部样式(内嵌样式)
使⽤style标签直接把CSS⽂件中的内容加载到HTML⽂档内部的
标签⾥，特点：适合⽤于当前⽂档具有独⼀⽆⼆的样式的情况。
css内嵌样式
三、外部样式
1、CSS外部引⽤使⽤了外接的CSS⽂件,⼀般的浏览器都带有缓存功能，所以⽤户不⽤每次都下载此CSS⽂件。
2、外部样式真正实现内容与表现的分离。
3、实现外部样式有两种⽅式：使⽤link标签引⽤CSS、使⽤@import导⼊CSS。
css外部样式引⼊⽅式
样式表优先级
1、如果在同⼀个选择器上同时使⽤⼏个不同的样式表时，则样式表的效果将会叠加。
2、如果样式出现冲突，则离选择器越近样式优先级越⾼。
3、因为⾏内样式在html元素内部，所以⾏内样式的优先级是最⾼的。
喜欢的朋友点拨关注，不迷路

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。