- 博客(15)
- 收藏
- 关注
原创 交互原型
<iframe src="//org.modao.cc/app/2zg7739HToBk0rPkDOVTEcKT74VV7J7/embed" width="511" height="942" allowTransparency="true" frameborder="0"></iframe>
2019-03-26 14:17:24
385
原创 相对定位和绝对定位的区别
相对定位:position: relative;绝对定位:position: absolute;relative:相对于元素在文档中的初始位置——首先它出现在它所在的位置上(即不设置position时的位置,然后通过设置垂直或水平位置,让这个元素“相对于”它的原始起点进行移动;注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。abso...
2019-03-25 17:02:21
862
原创 HTML复习1
前端开发复习HTML复习1前三个月都在学习设计方面的知识,以及PS、AI、AXURE、墨刀、ID的学习,极少有在写一些页面来巩固对前端开发的知识,最后的几天着重复习一下HTML和CSS练习代码<!DOCTYPE html><!--H5声明文档--><html><!--Html:根标签,一个页面中只能出现一个根标签。--> <head...
2019-03-25 11:56:59
202
原创 z-index层叠
如果定位元素的层级一样,下面得元素会覆盖住上面的元素可以使用z-index设置定位元素一个元素可以有正数或负数得堆叠顺序,数字越大,层级越高对于没有使用定位的元素不能使用z-index属性*/opacity: 0.5;opacity:可以设置元素背景的透明度它的值只能是在0-1之间0:代表完全透明1:代表完全不透明0.5:代表半透明 IE8及一下浏览器不支持opacity...
2018-11-28 09:20:35
220
原创 内容溢出:overflow
overflow:visible:默认值。内容不会被修建,会呈现在盒子之外hidden:内容会被修剪,并且其余内容是不可见的scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余内容auto:如果内容被修剪,则浏览器会显示滚动条以便查看overflow:hidden和clear:both区别:overflow:hidden;作用在父元素,清除父元素内部所有浮动元素clear:...
2018-11-28 09:14:32
69069
原创 相对定位和绝对定位笔记【未完待续】
/** 定位:* -把指定的元素摆放到任意位置* -position:设置定位* -可选值:* static:默认值,没有定位* relative:相对定位* absolute:绝对定位* fixed:固定定位,相对于浏览器窗口定位* podition设置为relative时,则元素开启了相对定位* -1.当元素设置了相对定位以后,而不舍之偏移量时,元素不会发生改变* -2....
2018-11-26 11:37:30
191
原创 背景属性小结
背景:1.backgroud-color:设置背景颜色2.background-image:设置背景图片#如果背景图片小于元素大小,默认将背景图片平铺充满元素#如果背景图片大于元素大小,默认显示 图片的左上角#如果背景图片等于元素大小,默认显示 图片的所有可以同时为一个元素设置背景图和背景颜色,这样背景颜色就作为背景图的底色3.backgroud-repeat:设置背景图片是否平铺r...
2018-11-22 15:22:04
238
原创 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
214
原创 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
145
原创 通配符选择器/后代选择器(包含选择器)/选择器分组
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>通配符选择器</title> <!-- *:代表通配符选择器,用了它之后就代表当前页面所有得标签共用该样式 --> <style&am
2018-11-21 14:16:33
394
原创 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
9839
原创 Css标签选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>标签选择器</title> <!-- 标签选择器:选择html相应得标签名字作为选择器 比如 p h1 span... --> <st
2018-11-21 09:53:05
127
原创 CSS优势
1.内容与表现分离2.网页的表现统一,容易修改3.丰富的样式,使得页面布局更加灵活4.减少网页的代码量,增加网页的浏览速度,节省网络带宽5. 运用独立于页面的CSS,有利于网页被搜索引擎收录...
2018-11-21 09:19:18
1530
原创 HTML超文本标记语言
文本: 在纯文本编辑器里面写的内容都是纯文本,纯文本只能保存字符串,图片/视频都能进行设置 超文本:在文本上的一个扩展,可以设置视频等,做超链接。 标记:给相应的文本加个标记,让浏览器知道这段文字要显示什么效果。 Html:根标签,一个页面中只能出现一个根标签。mate定义网页编码格式charset属性 utf-8window.onload是一个事件 html基...
2018-11-20 14:10:21
178
原创 软件分为两种架构
软件分为两种架构C/S: C代表客户端 S:server桌面应用程序 比如 qq office特点:软件使用前必须得安装,不安装不能用软件更新时,客户端和服务端必须同时更新这类软件不能跨平台,PC端的qq不能手机端使用他的协议采用的是自有协议,比较安全。B/S: B代表浏览器 S:服务器 就是网站 比如:淘宝特点:软件 使用不需要安装,直接通过浏览器输入网址进行访问软件更新时...
2018-11-19 14:35:21
2230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人