css
o_jj_o
这个作者很懒,什么都没留下…
展开
-
CSS的三种使用方法
属性(css样式)写法属性名称=属性值(1)行间样式:(它只对当前的这个标签起作用)写在标签的style属性里面 <div style="width: 100px;height: 100px;background: green"></div>(2)内嵌式<head> <meta charset="UTF-8"> ...原创 2019-01-03 17:46:36 · 1106 阅读 · 0 评论 -
CSS 定位(position)
定位提了层级 比浮动的高(1)相对定位 relative ------相当于自己原来的位置1、不影响元素本身的特性2、不使元素脱离文档流3、提升层级4、如果没有定位偏移量,对元素本身没有影响(3)绝对定位 absolute1、如果没有定位偏移量,在原来的位置;给了定位偏移量,相对于document发生偏移2、让内联元素支持宽高...原创 2019-01-06 21:00:31 · 254 阅读 · 0 评论 -
CSS 浮动(float)
浮动语法:float:left | right | nonefloat 属性介绍① left :元素向左浮动。② right :元素向右浮动。③ none :默认值。④ inherit :从父元素继承float属性。浮动问题:脱离文档流;导致父级的高度撑不开(父级高度塌陷)文档流:将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流。文档流:元素...原创 2019-01-05 18:02:41 · 144 阅读 · 0 评论 -
margin和padding
margin margin: 外边距 用来影响自身或者别人的位置(一般情况) margin-top margin-right margin-bottom margin-left优先 左上margin问题:(1)当两个同级元素之间存在margin值,这个margin值会叠压这时候它们之间的间距取决于数值比较大的那...原创 2019-01-05 17:48:19 · 209 阅读 · 0 评论 -
CSS 阴影
box-shadow: 盒子阴影(inset 向里走了 内阴影()) X轴偏移量 Y轴偏移量 模糊半径(可以负值) 扩散半径box-shadow:[inset] x y blur [spread] color 参数 inset:投影方式 inset:内投影 不给:外投影 ...原创 2019-01-05 16:20:44 · 519 阅读 · 0 评论 -
CSS 背景属性(Background)
背景1、背景颜色2、背景图片平铺 background-repeat: no-repeat repeat-x repeat-y位置 background-position: x值 y值; right center bottom(y) left top(y) 正值 负值 选择照片特定的图像3、滚动background-at...原创 2019-01-03 20:38:05 · 317 阅读 · 0 评论 -
CSS 字体属性(Font)
文字(1)font-size 大小单位px表示像素 (计算机屏幕上的一个点:1px = 1/96in),是绝对单位,不会因为其他元素的尺寸变化而变化;em表示相对于父元素的字体大小。em是相对单位 ,没有一个固定的度量值,而是由其他元素尺寸来决定的相对值(2)font-weight 粗细 bold 加粗 normal 正常(3)font-style 文字...原创 2019-01-03 18:18:53 · 388 阅读 · 0 评论 -
Css Color 属性
颜色是通过对红、绿和蓝光的组合来显示的。描述颜色:1,英文关键字: red blue green…2,十六进制代码:#c62828 0123456789abcdef3,rgb: rgb(128,30,30)4,rgba: rgba() # c6 28 88 十六进制代码其实可以分成三组 # ff 00 00 f00 rgba() rgb 颜色三原色 a ...原创 2019-01-03 18:04:32 · 798 阅读 · 0 评论 -
边框属性 Border
边框3个值1、粗细 单位:px2、样式 实线(solid) 虚线 (dashed) 点线(dotted) ----拆分border-width border-style border-color 1~4个值 上右下左3、颜色单词 十六进制 rgb(128,30,30) rgba() a-不透明的 0~1的取值 ...原创 2019-01-03 17:55:32 · 409 阅读 · 0 评论 -
css 选择器
class选择器 命名规则和ID选择器的命名规则是一样的:以英文字母开头,后面可以跟上字母数字下划线 同一个标签身上可以使用多个class选择器 多个选择器之间用空格分开 如果多个选择器里面的样式有冲突,那么遵循后者覆盖前者的规则语义化:标签语义化(不同的内容应该给相应的标签) class名字,也应该是语义化的群组选择器一...原创 2019-01-06 21:07:15 · 170 阅读 · 0 评论