Web前端之你所忽略的那些非常有用基础知识点

一、css继承

CSS继承指的是，特定的CSS属性向下传递到子孙元素

1、默认继承的有：

color

font:small-caps italic bold 50px/100px 'microsoft yahei';

text-align

text-indent:

letter-spacing

word-spacing

list-style----只继承ul

......

2、a 标签的color值不继承

3、默认不继承的给属性加inherit

例：background:inherit;

二、阿里图标

下载阿里字体图标

1、找到阿里图标

a、打开百度搜索 ‘ 阿里图标‘

b、点击进去会进入 阿里图标首页地址

c、注册一个账号，方便后面的图标统一管理

d、找到导航栏中的 ---图标库---下方的---官方图标库，这里有很多官方的图标

2、下载（以天猫图标为例）

a 在页面中找到 --天猫图标库--

b 找到需要的图标，鼠标滑入有--添加入库--选项,如此依次操作

c 都添加好后，在顶部导航栏找到---购物车图标---点击

d 如果 选中下面的---添加到项目--可以保存起来，方便下次再用，也可以实现与你之前的图标合并，

f 如果 选中 ---下载---就直接下载了

基本选择器优先级

* < 标签选择器 < class选择器 < ID选择器

复杂情况：

1、选择器优先级相等的情况下：

写在后面的比前面的高（后来居高）

2、负责后代选择器

1）比高低顺序依次是: ID选择器 class选择器 tagName{} ，

2）ID选择器个数不相等，ID个数多的优先级高，后面不用比

2）ID选择器个数相等，则看class个数

3）class 个数相等 ，再看tagName 个数

4）#wrap ul li .list{} 和.wrap ul li #list{}优先级一样（不分先后）

二 样式的多种形式

行内样式 (内部样式)

<div style='......'></div>

内嵌Css样式 (内部样式)

<style>

div{......}

</ style>

外链Css样式 (外部样式)

<link rel='stylesheet' type='text/css' href='index.css'/>

三 样式优先级

外链Css样式 < 内嵌Css样式 < 行内样式

(样式和结构分离)

本人遇到过有人问在JavaScript里写样式没有效果的问题...