大家好！这里是前端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 象块类型元素一样显示，并添加样式列表标记。
确定不给赞吗？等下偷你电瓶

大家好！这里是前端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 象块类型元素一样显示，并添加样式列表标记。
确定不给赞吗？等下偷你电瓶