标签:样式 笔记 第六周 color 样式表 font red size
CSS 基础语法
1.层叠次序
一般而言,所有的样式会根据下面的优先级层叠于一个新的虚拟样式表中:
1.浏览器缺省设置
2.外部样式表
3.内部样式表(位于 标签内部)
4.内联样式(在 HTML 元素内部)
因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:
下面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素。在这个例子中,h1 是选择器,color 和 font-size 是属性,red 和 14px 是值。
h1 {color:red; font-size:14px;}lector {property: value}
Css联级样表
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>No--Title</title>
<style type="text/css">
h2{color:red;font-size:15px;}
#h2{color:red;font-size:15px;} id样式
.h2{color:red;font-size:15px;} 类样式
</style>
</head>
Head头里添加黑体信息,h2标签内的内容均为style里的样式
CSS Cascading Style Sheets层叠式样表
字体样式的定义规则
font-family
font-size
font-weight
font-style
font-height
line-height 行高,单位px
text-align 水平对齐方式(center,left,right,justify)
Color 可以为英文,也可以为#xxx或者#xxxxxx(十六进制)
网页字体大小通常为12和14px,可以设置的css样式(body{font-size:12px;}即可,body是标签选择器
标签:样式,笔记,第六周,color,样式表,font,red,size 来源: https://blog.csdn.net/weixin_48999849/article/details/115743177
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。