CSS基础
文章平均质量分 57
KempRong
这个作者很懒,什么都没留下…
展开
-
CSS笔记01
CSS笔记01 CSS的注释为: /* 这是一段注释 */ 行内式: <标签名 style="属性:属性值1 ; 属性2:属性值2;">内容</标签名> <h3 style="color:#ccc; font-size: 20px;">青春不常在,抓紧谈恋爱</h3> 内部样式表: 在开头的-head-里面 <原创 2018-04-27 20:54:53 · 152 阅读 · 0 评论 -
CSS笔记02
CSS笔记02 css复合选择器 后代选择器(选中所有后代): CSS: div p{ /*选择div包含的p 后代选择器*/ } HTML结构为: <p>王可可是一条狗</p> <div> <p>王可可是一条狗</p> <!--选中--> ...原创 2018-04-27 21:11:31 · 173 阅读 · 0 评论 -
CSS笔记03
CSS笔记03 盒子模型: 盒子边框border; 边框 填充泡沫厚度:padding; 内边距 与其他盒子距离:margin; 外边距 border:宽度 样式 颜色 <style> .box{ width: 200px; height: 200px; border-c...原创 2018-04-27 21:19:47 · 139 阅读 · 0 评论 -
CSS笔记04
CSS笔记04 css布局三种机制: 1、普通流normal flow: 元素从上到下,从左到右。 2、浮动 float: 脱离标准流,飘在普通流上边,不占位置,只能在水平线上浮动和对齐 .class{ float:none/left/right; } navigation通常用ul和li来制作。 父子级的盒子浮动仍受padd...原创 2018-04-27 21:28:13 · 113 阅读 · 0 评论 -
CSS笔记05
CSS笔记05 需要设定一个标准流的父亲来框定浮动子元素 父级元素有内边距,浮动子元素仍然受到内边距的影响 浮动原则:一有全有 background: #1c036c url(../images/banner.png) no-repeat center top; 图片要是下面有背景色,应当在图片前面设置相应的背景色 堆在一块联想到是否没给高或者清除浮动问题 a里面包span 只需设置s...原创 2018-04-27 21:34:58 · 141 阅读 · 0 评论 -
CSS笔记06
CSS笔记06 上方的box如果高度/宽度不够导致内容出来,会导致下一行不是从最左边开始布局的,此时要在上面的box里面添加overflow: hidden;或者增加高度或宽度。 展示盒子的子元素如果是浮动的,考虑不要加高度,但是要清除浮动! 电梯导航栏贴近版心显示: 走屏幕的一半—回版心的一半–再回自己的宽度。 css拓展: 显示与隐藏 display: none;...原创 2018-04-27 21:43:56 · 135 阅读 · 0 评论 -
CSS笔记07
CSS笔记07 属性书写顺序: 1. 布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式) 2. 自身属性:width / height / margin / padding / border / background 3. 文本属性:co...原创 2018-04-27 21:52:42 · 158 阅读 · 0 评论 -
CSS笔记08
CSS笔记08 vertical-align: middle; 这行代码经常和行内块元素搭配使用。 调整图片/特定被包裹的文字margin不会影响文字位置。 border-radius: 左上 右上 右下 左下; border-radius: 左上+右下 右上+左下; button默认水平居中垂直居中 父级切割子盒子:————————- 父级...原创 2018-04-27 22:00:12 · 245 阅读 · 0 评论