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