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