菲菲会灰-优快云博客

原创交互原型

2019-03-26 14:17:24 414

原创相对定位和绝对定位的区别

相对定位：position: relative;绝对定位：position: absolute;relative：相对于元素在文档中的初始位置——首先它出现在它所在的位置上（即不设置position时的位置，然后通过设置垂直或水平位置，让这个元素“相对于”它的原始起点进行移动；注意，在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。abso...

2019-03-25 17:02:21 924

原创 HTML复习1

前端开发复习HTML复习1前三个月都在学习设计方面的知识，以及PS、AI、AXURE、墨刀、ID的学习，极少有在写一些页面来巩固对前端开发的知识，最后的几天着重复习一下HTML和CSS练习代码<!DOCTYPE html><html> <head...

2019-03-25 11:56:59 233

原创 z-index层叠

如果定位元素的层级一样，下面得元素会覆盖住上面的元素可以使用z-index设置定位元素一个元素可以有正数或负数得堆叠顺序，数字越大，层级越高对于没有使用定位的元素不能使用z-index属性*/opacity: 0.5;opacity:可以设置元素背景的透明度它的值只能是在0-1之间0：代表完全透明1：代表完全不透明0.5：代表半透明 IE8及一下浏览器不支持opacity...

2018-11-28 09:20:35 250

原创内容溢出：overflow

overflow:visible:默认值。内容不会被修建，会呈现在盒子之外hidden:内容会被修剪，并且其余内容是不可见的scroll:内容会被修剪，但是浏览器会显示滚动条以便查看其余内容auto：如果内容被修剪，则浏览器会显示滚动条以便查看overflow：hidden和clear:both区别：overflow：hidden;作用在父元素，清除父元素内部所有浮动元素clear:...

2018-11-28 09:14:32 71439

原创相对定位和绝对定位笔记【未完待续】

/** 定位:* -把指定的元素摆放到任意位置* -position:设置定位* -可选值：* static:默认值，没有定位* relative:相对定位* absolute:绝对定位* fixed:固定定位，相对于浏览器窗口定位* podition设置为relative时，则元素开启了相对定位* -1.当元素设置了相对定位以后，而不舍之偏移量时，元素不会发生改变* -2....

2018-11-26 11:37:30 218

原创背景属性小结

背景：1.backgroud-color:设置背景颜色2.background-image：设置背景图片#如果背景图片小于元素大小，默认将背景图片平铺充满元素#如果背景图片大于元素大小，默认显示图片的左上角#如果背景图片等于元素大小，默认显示图片的所有可以同时为一个元素设置背景图和背景颜色，这样背景颜色就作为背景图的底色3.backgroud-repeat:设置背景图片是否平铺r...

2018-11-22 15:22:04 265

原创 CSS字体样式小结

font-family:”微软雅黑”/设置字体类型/font-size:设置字体大小单位：px：默认是16px百分比：百分比是对于父元素来说的，比如父元素大小是32px，则100%是32px,50%是16px,200%是64pxem：也是相对于父元素来说的，1em就相当于100%，1.25em相当于125%font-family:字体风格font-style: normal;/普通字体...

2018-11-22 15:17:29 247

原创 HTML快捷键[未完待续]

：table>tr行数>td列数 tab键生成表格div>ul>li*个数 Tab键p.p∗个数Tab键例如：p.p*个数 Tab键例如： p.p∗个数Tab键例如：p.p*3 Tab键 h1+p+div Tab 兄弟元素...

2018-11-22 15:06:04 168

原创通配符选择器/后代选择器（包含选择器）/选择器分组

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>通配符选择器</title>  <style&am

2018-11-21 14:16:33 430

原创 ID选择器与Class类选择器区别

class和id选择器得区别：class选择器的值不是唯一的，我可以在多个标签共用一个class名ID选择器：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ID选择器</title> <!-- ID选择器：要给添

2018-11-21 14:13:39 9899

原创 Css标签选择器

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>标签选择器</title>  <st

2018-11-21 09:53:05 146

原创 CSS优势

1.内容与表现分离2.网页的表现统一，容易修改3.丰富的样式，使得页面布局更加灵活4.减少网页的代码量，增加网页的浏览速度，节省网络带宽5. 运用独立于页面的CSS，有利于网页被搜索引擎收录...

2018-11-21 09:19:18 1578

原创 HTML超文本标记语言

文本: 在纯文本编辑器里面写的内容都是纯文本,纯文本只能保存字符串,图片/视频都能进行设置超文本：在文本上的一个扩展，可以设置视频等，做超链接。标记：给相应的文本加个标记，让浏览器知道这段文字要显示什么效果。 Html:根标签，一个页面中只能出现一个根标签。mate定义网页编码格式charset属性 utf-8window.onload是一个事件 html基...

2018-11-20 14:10:21 191

原创软件分为两种架构

软件分为两种架构C/S: C代表客户端 S：server桌面应用程序比如 qq office特点：软件使用前必须得安装，不安装不能用软件更新时，客户端和服务端必须同时更新这类软件不能跨平台，PC端的qq不能手机端使用他的协议采用的是自有协议，比较安全。B/S: B代表浏览器 S：服务器就是网站比如：淘宝特点：软件使用不需要安装，直接通过浏览器输入网址进行访问软件更新时...

2018-11-19 14:35:21 2277

weixin_43734012的博客