ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

第六周笔记

2021-04-15 23:58:01  阅读:139  来源: 互联网

标签:样式 笔记 第六周 color 样式表 font red size


CSS 基础语法

1.层叠次序
一般而言,所有的样式会根据下面的优先级层叠于一个新的虚拟样式表中:
1.浏览器缺省设置
2.外部样式表
3.内部样式表(位于 标签内部)
4.内联样式(在 HTML 元素内部)
因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:

标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。 CSS 语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 每条声明由一个属性和一个值组成。每个属性有一个值。属性和值被冒号分开。 例如: ```java selector {declaration1; declaration2; ... declarationN } selector {property: value} ```

下面这行代码的作用是将 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. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有