1.介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同?

  • 有两种,IE盒子模型、W3C盒子模型;
  • 盒子模型:内容(content)、填充(padding)、边界(margin)、边框(border);
  • 区别:IE的content部分把border和padding计算了进去;

2.CSS选择符有哪些?哪些属性可以继承?

(1)选择符:(CSS选择器参考手册)

  • id选择器(#myid)
  • 类选择器(.myclassname)
  • 标签选择器(div,h1,p)
  • 相邻选择器(h1+p)
  • 子选择器(ul>li)
  • 后代选择器(li a)
  • 通配符选择器(*)
  • 属性选择器(a[rel="external"])
  • 伪类选择器(a:hover,li:nth-child)

(2)可继承的样式:font-size  font-family  color,UL  LI  DL  DD  DT;

(3)不可继承的样式:border  padding  margin  width  height;

3.CSS优先级算法如何计算?

  • 优先级就近原则,同权重情况下样式定义最近者为准;
  • 载入样式以最后载入的定位为准;

优先级为:

  • 同权重:内联样式表(标签内部)>嵌入样式表(当前文件中)>外部样式表(外部文件中)。
  • !important>id>class>tag,!important比内联优先级高

4.CSS3新增伪类有哪些?

举例:

  • p:first-of-type 选择属于其父元素的首个<p>元素的每个<p>元素。
  • p:last-of-type 选择属于其父元素的最后<p>元素的每个<p>元素。
  • p:only-of-type 选择属于其父元素唯一的<p>元素的每个<p>元素。
  • p:only-child 选择属于其父元素唯一子元素的每个<p>元素。
  • p:nth-child(2) 选择属于器父元素的第二个子元素的每个<p>元素。
  • :after 在元素之前添加内容,也可以用来做清除浮动。
  • :before 在元素之后添加内容
  • :enabled 选启用的
  • :disabled 选禁用的
  • :checked 被选中的

关于Web的学习(18.5.18)——css篇相关推荐

  1. 零基础web前端学习之JavaScript 和css 阻塞

    web前端学习之JavaScript 和css 阻塞,JavaScript 是客户端和服务器端的脚本语言,可以插入HTML 页函中, 并且是目前较热门的Web 开发语言.同时, JavaScript ...

  2. WEB前端学习 (7)CSS复习六(布局-定位)

    1. 为什么需要定位? 1.浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子. 2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子. 2. ...

  3. WEB前端学习 (3)CSS复习二 ( 复合选择器+元素显示模式+ 背景)

    一 CSS 复合选择器 总结:复合选择器 1. 后代选择器 后代选择器又称为包含选择器,可以选择父元素里面子元素.其写法就是把外层标签写在前面,内层标签写在 后面,中间用空格分隔.当标签发生嵌套时,内 ...

  4. web前端学习之———互联网与HTML篇

    互联网基础原理 1.什么是互联网? 互联网:凡是能彼此通信的设备组成的网络就叫互联网. (1)内部结构: 互联网指的是通过TCP/IP协议族相互连接在一起的计算机的网络.TCP是Transmissio ...

  5. Web前端学习-第三课JavaScript篇

    Q5:解释什么是引用类型?在使用引用类型的时候需要注意什么? 引用类型通常叫做类,也就是说,遇到引用值时,所处理的就是对象,就是公用. 类型:  object类型,应用于应用程序中存储和数据传输(创建 ...

  6. C# 学习笔记(18)操作SQL Server 中

    C# 学习笔记(18)操作SQL Server 中 数据库基础操作 SQL语法可以参考 菜鸟教程 或者微软官方的SQL示例 注意SQL不区分大小写 查 1.基础查询 --最基础的查询语句, selec ...

  7. html css 前端实现消息提醒数_自学的福音,web前端学习全套视频教程+最新学习思维导图都在这里...

    1.产品经理.这些是负责策划应用程序的一群人.他们会想出很多新鲜的.奇怪的.甚至是不可能实现的应用.一般来说,产品经理都追求丰富的功能. 2.UI设计师.这些人负责应用程序的视觉设计和交互模拟. 3. ...

  8. 深度学习笔记(18) 迁移学习

    深度学习笔记(18) 迁移学习 1. 迁移学习理念 2. 图像识别的迁移学习 3. 语音识别的迁移学习 4. 使用迁移学习的场合 1. 迁移学习理念 深度学习中最强大的理念之一就是: 神经网络可以从一 ...

  9. 自学web前端怎么学?web前端学习路线css属性

    自学web前端技术,如果才能找到一份web前端的工作.按照现在的招聘标准来看,无论你去哪个公司面试,你只需要满足他们公司的需求就可以.找到一份web前端工作需要掌握的内容如下: 首先是html,css ...

  10. 几何光学学习笔记(18)- 5.1光阑在光学系统中的作用

    几何光学学习笔记(18)- 5.1光阑在光学系统中的作用 5.1光阑在光学系统中的作用 1.孔径光阑 2.视场光阑 3.渐晕系统 4.消杂光光阑 5.1光阑在光学系统中的作用 光学系统除应满足前述的物 ...

最新文章

  1. android谷歌补丁日期,在谷歌日历Android中添加开始日期和结束日期之间所有日期的事件...
  2. 解压与压缩ramdisk.img文件,生成uramdisk.img文件
  3. HTML框架,链接,登录,注册联合应用
  4. 《算法竞赛入门经典》 习题4-1(象棋 Xiangqi ACM ICPC Fuzhou 2011,UVa1589)——仅提供大体方法
  5. 测试回收站测试回收站测试回收站测试回收站测试回收站测试回收站测试回收站测试回收站
  6. 小白开学Asp.Net Core《四》 —— 使用AspectCore-Framework
  7. python网络编程之 一 socket(套接字)
  8. collator java_Java Collator getInstance(Locale)用法及代码示例
  9. [cocos2d-x]动作+场景切换
  10. mmd Ray渲染 mikumikudance导入模型阴影很黑
  11. Knowledge evolution
  12. windows10下VM安装安卓虚拟机PhoenixOS
  13. 无人机飞控平台ArduPilot源码入门教程 — 简介
  14. left join和left semi join的区别
  15. UVA,10765 Doves and bombs
  16. Java知识之Git
  17. 双系统苹果Mac笔记本如何切换windows系统?
  18. 有关光照模块的具体问题及解决方案
  19. ThingsBoard添加高德地图
  20. 永磁同步风力发电机的matlab仿真模型 风力机控制采用最优叶尖速比控制

热门文章

  1. js获取上月月份、本月月份、上月第一天、上月最后一天
  2. matlab一计算自动四舍五入6,matlab总结 - osc_msmij2gf的个人空间 - OSCHINA - 中文开源技术交流社区...
  3. Python中pyautogui安装-用pyautogui写脚本让鼠标自动点击给摩尔庄园毛毛树浇水施肥
  4. android 优秀框架整理,2021年我们程序员该如何进阶和规划
  5. 基于Java的公交管理的设计与实现(附源码地址)
  6. 读书笔记:《跨越山丘:刑辩律师丁一元办案实录》
  7. Excel破解工作表编辑保护密码
  8. Vray材质学习笔记07——镜子材质
  9. c++imread 函数_OpenCV中C++函数imread读取图片的问题及解决方法
  10. HTTP代理504网关超时错误如何修复?