前端CSS基础详解-优快云博客

本文链接：https://blog.youkuaiyun.com/TDFSFSF/article/details/98851544

前端基础知识点

昨天在回家之前，有一个学生问前端的页面怎么写
几天就给没有基础的朋友们，讲述以下前端知识的CSS

一个前端界面的框架结构是这个样子的：

<!DOCTYPE html> 
<html lang="en">
<head>
 	<meta charset="UTF-8" />
 	<title></title> 
</head>
<style type="text/css">
      层叠样式
</style>
<body>
     html脚本
</body>
<script type="text/javascript">
    js脚本
</script>
</html>

字符集是utf-8
所谓的html代码脚本就是各式各样的标签，分为是行级标签和块级标签

CSS基本选择器

ID选择器

类选择器

标签名选择器

群组选择器

后代选择器

权重值表

接下来我们来看一下这几种选择器

id选择器



	1）任何的标签都可以有id，id的命名要以字母开头，可以有数字、下划线。大小写严格区别，大小写敏感，也就是说mm和MM是两个不同的id。

	2）同一个页面内id不能重复，即使不一样的标签，也不能是相同的id。如果你有几个相同的id,游览器也可以识别，加样式，但是，不符合语法要求，有的编辑器会报错。
也就是说，如果有一个p的id叫做haha，这个页面内，其他所有的元素的id都不能叫做haha。

	3）id 选择器的优先级最高。

类选择器

 1）class可以重复，也就是说，同一个页面上可能有多个标签同时属于某一个类；

2） 同一个标签可以同时携带多个类。

标签选择器

	用标签名称来表示

群组选择器

	把几个 ID、class 或者标签名中具有相同的CSS取出，来减少代码的冗余。样式名之间以，(逗号)分隔

关于前端的基础知识点

前端基础知识点