• 咨询热线
    0592-5527850
  • 咨询热线
    0592-5527850
  • 咨询热线
    0592-5527850
  • 咨询热线
    0592-5527850
  • 咨询热线
    0592-5527850
  • 咨询热线
    0592-5527850
  • 咨询热线
    0592-5527850
  • 咨询热线
    0592-5527850
报名咨询 0元入学 提供住宿 带薪实习 就业保障 网上报名 咨询热线0592-5527850
经纬盈创
WEB前端培训 > 常见问题> Web前端培训:你所忽略的那些非常有用基础知识点

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里写样式没有效果的问题...


上一篇:你必须知道的最新web前端学习路线
下一篇:PHP行业现状及就业前景如何?
相关阅读:
干前端的,拿到30K月薪真的很难吗? 零基础转行web前端你必须造的市场行情 学习前端开发,不是学习前端框架,也不是学习前端工具 web前端开发前景如何?应如何入门前端学习? 零基础学Web前端开发的7个大误区! 想转行做web前端工程师,必学这6大技能!
IT培训
UI培训 PHP培训 JAVA培训
web前端培训 游戏开发培训
常见问题
最新资讯