【HTML】CSS基础知识

css定义

可以设置网页中的样式外关美化
css中文名L级联样式表，层叠样式表，样式表

位置

写在title标签后面 style标签里

基本书写

px代表像素单位（在css中百分之90以上情况数字之后必须跟单位）

选择器{属性名1：属性值1；属性名2：属性值2；}

color代表颜色 font-size代表字号
ctrl+?也可以注释

开发人员调试工具：

1.打开方式：F12或网页中右键检测
2.找到菜单中第一个选项elements（元素标签标记）
3.用鼠标左键点击想要查看的标签
4.右侧会出现对应CSS代码
5.想设置颜色：点击颜色前面的方框，使用调色盘改变颜色后，别忘了把颜色的代码放在程序中；
6.设置数字大小，鼠标左键点击数字，按键盘的上下可以调整大小，要自己更改代码了才可以生效。

标签选择器

用标签的名字来进行页面元素，标签，标记的选择。
选择器：在大括号之前写的内容，就是选择器，找到你要选择的内容。

id选择器

用html标签中的id属性来进行选取的方式
语法规则：
#id的值{xxx}

<p id="id的值">xxx</p>

命名规则：1.数字不可以开头
2.不能使用中划线下划线之外的符号
3.不推荐中文
4.尽量做到见名知意
唯一性：
1.id名具体命名，不可以重复使用
2.每个标签只能有一组id

类选择器

使用html中的class的值来进行选取的方式
语法：
.类名{xx}

   <p class="类名">xx</p>

注意：class类选择器可以重复命名；每个标签可以用多个class类名

命名规则与id的命名规则完全一样。

内嵌式

css写在style标签中，放在title标签的后面，因为html代码和css代码混在同一个文件中。

外链式

css代码和html代码实现代码的分离效果，使用Link标签设置href属性，可单独把css文件链入当前html文件中去。

应用场景：
1.电商网站的首页，因为对网页的打开速度有严格的要求。一次性把html和css都加载出来。
2.外链式应用在除了电商网站首页。实现代码分离，方便后期修改。

行内式

css代码写在标签的身上，强烈不推荐用。修改不便，重复代码太多，页面加载速度变慢。

伪类

hover 鼠标移入动作执行后的css代码
例：p:hover{color:blue;}

注意：鼠标移入和鼠标悬停不是一个动作。

并列并集选择器

需要一句话选择多个元素的时候，可以使用逗号进行连接
语法：h1,div,p,span{}

后代选择器

选择器中出现空格，代表找后代；
div span{找div的后代span} 儿子孙子重孙。。都是后代

CS

 Client/Server 客户端-服务器架构

BS

 Browser/Server 浏览器-服务器架构

区别总结：
1.效率：c/s效率高，某些内容已经安装在系统中了，b/s每次都要加载最新的数据
2.升级：b/s无缝升级；c/s删除老版本再安装新版本
3.安全：c/s更安全，需要安装注册登录；b/s有浏览器即可使用，安全程度低
4.开发成本：b/s成本低；c/s需要不同的系统要不同的开发人员，成本高。