Msb网络安全-CSS

标签：网络安全 浏览器 样式 字号 字体 Msb CSS 属性

一、CSS基础概念

CSS有两个重要的概念，分别是样式和布局

CSS的样式分为两种：一种是文字的样式，一种是盒模型的样式

CSS的辅助页面布局：完成HTML不能完成的功能，比如并排显示，比如精确定位显示

从HTML4.0开始，结构层和样式层进行了分离

前端三层：

结构层：HTML作用是从语义的角度讲进行网页结构的搭建

样式层：CSS作用从美观的角度讲修饰页面样式

交互层：JavaScript作用从交互的角度讲描述页面的行为

二、CSS常用属性的学习

CSS常用的文字属性有三个：color、font-size、font-family

CSS的属性样式发生了改变由HTML的 k="v" 变为了k:v;

1、文字颜色

属性名：color

基本使用

<p style="color:blue;">This is a test file.</p>

<!-- 以蓝色为准 -->
<!-- rgb颜色表示法 -->
<p style="color:rgb(0,0,225);">看我是什么颜色</p>
<!-- 十六进制颜色表示法 -->
<p style="color:#0000FF;">看我是什么颜色</p>

2、字号

属性：font-size

属性值：常用的是以px为单位的数字值

根据浏览器的不同，有默认不同的字号大小，比如Chrome和ie默认就是16px的文字

每个浏览器都有自己最小的显示像素，比如Chrome最小字号为8px，ie浏览器最小字号是1px

<p style="font-size:18px;">我是18px字号</p>
<p style="font-size:8px;">我是8px字号</p>

3、字体

属性：font-family

属性值：必须以双引号包裹，属性值可以有多个，使用逗号分隔开

中文字体的常用字体属性值：微软雅黑、宋体

英文常用字体属性值：Arial、consolas

实际的字体属性是根据设计图获取

大多数浏览器默认显示字体是微软雅黑

如果页面中有中文化混合的，需要同时设置对应的字体

如果设置多个字体，使用逗号隔开，如果浏览器不识别前面的字体，会自动向后识别，中英文会分别进行加载

<p style="font-family: 'Arial','consolas','黑体','宋体'">看我的字体是什么blue,yellow</p>

 

 

 

 

标签：网络安全,浏览器,样式,字号,字体,Msb,CSS,属性
From： https://www.cnblogs.com/zrh918/p/16899086.html