【校招VIP】前端JS语言之CSS基础属性- 校招VIP

考点介绍

CSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表，所以称之为层叠样式表（Cascading Stylesheet）简称CSS。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

答案详情解析和文章内容可点击下方链接即可查看

一、考点题目

1.描述CSS reset的作用和用途

解答： CSS reset指的是重置浏览器的默认样式，因为现在的浏览器很多，并且每个浏览器都有自己的默认样式，这样就会导致一个页面在多个浏览器下展示产生差异......

2.什么是CSS Hack?

解答：一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。

IE浏览器Hack一般又分为三种，条件Hack、属性级Hack、选择符Hack（详细参考CSS文档：css文档）。

例如：

// 1、条件Hack
<!--[if IE]>
  <style>
        .test{color:red;}
  </style>
<![endif]-->
// 2、属性Hack
......

3.CSS不可继承的样式有哪些？

解答：isplay、margin、border、padding、background

height、 min-height、max-height、width、min-width

max-width、overflow、 position、left、right......

4.box-sizing属性？

解答：用来控制元素的盒子模型的解析模式，默认为content-box

context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽......

二、考点文章

1.CSS总结

1. CSS 的概念

CSS(Cascading Style Sheets)，层叠样式表。是一种用来表现 HTML 文件样式的计算机语言。

样式就是定义如何显示 HTML 元素。样式通常存储在样式表中。

层叠就是多个样式可以作用在同一个 HTML 的元素上，同时生效。

2. CSS 的作用

解决了内容展示和样式控制分离的问题

1.降低耦合度

2.外部样式提高了开发效率......

2.【校招VIP】px、rem、em的区别与联系

一、区别：

1. px是固定的像素，一旦设置了就无法因为适应页面大小而改变。

2. em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。

3.em是相对于其父元素来设置字体大小的，一般都是以<body>的“font-size”为基准。这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小。而rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。

总之em相对于父元素，rem相对于根元素......

3.【校招VIP】css基础属性

RGB（red greed bule）（0，10，256）

#0010FF

CSS中颜色的表示方法

预定义颜色：bule ，red，black。。。

十六进制颜色：#0f0f0f

RGB颜色（128，0，0）全红

RGBA，在RGB的基础上又添加了表示透明度的Alpha

HSl：用色调，饱和度，和透明度三个分量来表示颜色

HSLA：在HSL的基础上又添加了表示透明度的Alpha......

三、考点视频

把CSS的复杂选择器和简单选择器放到一起比较优先级，会不会晕

当我们写页面的时候，不知道你会不会产生这样的问题，为什么我给他添加的这条样式分明已经选择到我要给的元素了，但是他的样式并没有生效，那是为什么呢？

定义的属性有冲突时，浏览器会选择用那一套样式呢，下面来介绍一下选择器的优先级。

移动端链接：https://m.xiaozhao.vip/dTopic/detail/1202

PC端链接：https://xiaozhao.vip/dTopic/detail/1202