黑马程序员技术交流社区
标题:
【石家庄校区】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