- 博客(13)
- 收藏
- 关注
原创 css 选择器
class选择器 命名规则和ID选择器的命名规则是一样的:以英文字母开头,后面可以跟上字母数字下划线 同一个标签身上可以使用多个class选择器 多个选择器之间用空格分开 如果多个选择器里面的样式有冲突,那么遵循后者覆盖前者的规则语义化:标签语义化(不同的内容应该给相应的标签) class名字,也应该是语义化的群组选择器一...
2019-01-06 21:07:15
177
原创 CSS 定位(position)
定位提了层级 比浮动的高(1)相对定位 relative ------相当于自己原来的位置1、不影响元素本身的特性2、不使元素脱离文档流3、提升层级4、如果没有定位偏移量,对元素本身没有影响(3)绝对定位 absolute1、如果没有定位偏移量,在原来的位置;给了定位偏移量,相对于document发生偏移2、让内联元素支持宽高...
2019-01-06 21:00:31
260
原创 CSS 浮动(float)
浮动语法:float:left | right | nonefloat 属性介绍① left :元素向左浮动。② right :元素向右浮动。③ none :默认值。④ inherit :从父元素继承float属性。浮动问题:脱离文档流;导致父级的高度撑不开(父级高度塌陷)文档流:将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流。文档流:元素...
2019-01-05 18:02:41
167
原创 margin和padding
margin margin: 外边距 用来影响自身或者别人的位置(一般情况) margin-top margin-right margin-bottom margin-left优先 左上margin问题:(1)当两个同级元素之间存在margin值,这个margin值会叠压这时候它们之间的间距取决于数值比较大的那...
2019-01-05 17:48:19
217
原创 CSS 阴影
box-shadow: 盒子阴影(inset 向里走了 内阴影()) X轴偏移量 Y轴偏移量 模糊半径(可以负值) 扩散半径box-shadow:[inset] x y blur [spread] color 参数 inset:投影方式 inset:内投影 不给:外投影 ...
2019-01-05 16:20:44
530
原创 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
324
原创 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
405
原创 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
815
原创 边框属性 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
454
原创 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
1119
原创 html表单相关
HTML5 新的 Input 类型输入类型emailurlnumberrangeDate pickers (date, month, week, time, datetime, datetime-local)searchcolor浏览器支持实例<!DOCTYPE html><html lang="en"><head> &l...
2019-01-03 13:08:16
146
原创 html5新增标签
H5新增常用标签header:定义页面的头部footer:定义页面的底部nav:定义页面的导航栏article:定义文章的标签datalist:定义input元素的可能值details:定义文档的细节summary:定义标题fieldset:组合表单中的相关元素legend:为fieldset元素设置标题figure:定义带图片的文章figcaption:作为figure标签...
2019-01-03 12:47:44
1979
原创 HTML5简介
HTML5简介超文本标记语言HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。页面&lt;!DOCTYPE html&gt; 文档声明 DOC document(文档) TYPE(类型)&lt;html&gt; 标签对 (父级) &lt;head&gt;&lt;/head&gt; 并列标签、兄弟标签&l
2019-01-02 22:39:01
337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人