A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

qq2628

初级黑马

  • 黑马币:

  • 帖子:

  • 精华:

© qq2628 初级黑马   /  2018-7-18 11:00  /  1947 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


大家好!这里是前端12期小白一枚.
首先在黑马前端基础班受益颇丰
1.html和css部分
准备工作:
对Web标准的理解、浏览器差异、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端开发技术等
ps.这些内容之后再看都会变的比较基础简单, 我期待这一天的到来.

2.关于css元素显示属性
CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,是“行内”元素。

行内元素有: a b span img input select strong(强调的语气)

块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p

知名的空元素: <br> <hr> <img> <input> <link> <meta>

鲜为人知的是: <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
3.css的盒子模型
从里到外.
*内容{centent}

*内边距{填充物}padding 会撑开盒子大小书写时应注意
*边框{border}
*外边距 {margin}
4.css的选择器
  1.id选择器 权重第二大 id
  2.类选择器 class
  3.标签选择器
   4.通配符选择器*{}
5.属性继承
  可继承属性 font {size,family} color
  不可继承 border padding margin width height
6.如何居中div,如何居中一个浮动元素?

给div设置一个宽度,然后添加margin:0 auto属性

div{ width:200px; margin:0 auto; }

居中一个浮动元素

确定容器的宽高 宽500 高 300 的层 设置层的外边距 div { Width:500px ; height:300px;//高度可以不设 Margin: -150px 0 0 -250px; position:relative;相对定位 background-color:pink;//方便看效果 left:50%; top:50%; }

7.常用的前端开发工具?

Webstorm, Brackets, Sublime Text, Chorm
8.列出display的值,说明他们的作用。

block 象块类型元素一样显示。

none 缺省值。向行内元素类型一样显示。

inline-block 象行内元素一样显示,但其内容象块类型元素一样显示。

list-item 象块类型元素一样显示,并添加样式列表标记。
确定不给赞吗?等下偷你电瓶


电瓶1.jpg (7.61 KB, 下载次数: 19)

电瓶1.jpg

电瓶2.jpg (10.65 KB, 下载次数: 21)

电瓶2.jpg

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马