- 博客(13)
- 收藏
- 关注
RSS订阅原创 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关注的人