黑马程序员技术交流社区

标题: 【石家庄校区】JavaEE个人学习总结4day02 CSS [打印本页]

作者: sun2ice    时间: 2018-1-23 14:56
标题: 【石家庄校区】JavaEE个人学习总结4day02 CSS
#day02 CSS
##HTML的块标签
* `<div></div>`:默认一个div独占一行.
* `<span></span>`:默认在同一行.

##css
* CSS:层叠样式表
* CSS的基本语法
*  选择器 和 声明

##CSS的引入方式
* 行内样式:直接在HTML的元素上使用style属性设置CSS.
* 页面内样式:在HTML的`<head>`标签中使`用<style> `标签设置CSS.
* 外部样式:单独定一个.css的文件.在HTML中引入该CSS文件.  

##CSS的选择器
* 元素选择器 `div{ }`
* ID 选择器 `#d1{ }`
* 类选择器 `.d1{ }`

##CSS的其他选择器
* 属性选择器:`input[type="text"]`
* 后代选择器:
* div span 查找的是所有div中的所有的span元素.
* 子元素选择器:
* div > span找这个div中的第一层级的span元素.
* 并列选择器:
* 选择器,选择器{   }

##CSS浮动
* 使用float属性可以完成DIV的浮动.
* 清除悬浮:clear属性清除 `clear both`

##CSS中的盒子模型
* 内边距:padding
* 边框:border
* 外边距:margin

##CSS中的定位
* position属性设置定位:
* relative:相对定位
* absolute:绝对定位
* 使用另外两个属性:left,top


作者: Yin灬Yan    时间: 2018-1-23 14:58
我来占层楼啊   




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2