HTML+CSS
文章平均质量分 78
Moosechenc
既然一无所有,又怎么会害怕失去
展开
-
HTML5基础知识
什么是浏览器浏览器是安装在电脑里面的一个软件, 能够让将网页内容呈现给用户查看,并让用户与网页交互的一种软件。 就好比QQ一样都是安装在电脑里面的一个软件, 只不过功能不同而已常见主流浏览器不同的浏览器有不同的浏览器内核, 浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容,从而导致了浏览器兼容性问题出现转载 2017-03-11 17:32:02 · 260 阅读 · 0 评论 -
a标签的伪类选择器
什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修改a标签不同状态的样式的 a:link{ color: tomato; } a:visited{ color: green; } a:hover{原创 2017-03-15 17:02:55 · 592 阅读 · 0 评论 -
CSS-定位流
定位相对定位什么是相对定位? 对定位就是相对于自己以前在标准流中的位置来移动格式:position: relative;示例程序 *{ margin: 0; padding: 0; } div{ width:转载 2017-03-15 14:16:00 · 587 阅读 · 0 评论 -
CSS清除浮动
清除浮动盒子高度问题在标准流中内容的高度可以撑起盒子的高度div{ border: 1px solid #00}p{width:200px;height:100px;background-color: blue;}在浮动流中浮动元素内容的转载 2017-03-15 11:22:09 · 344 阅读 · 0 评论 -
CSS浮动
网页的布局方式什么是网页的布局方式?网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的标准流(文档流/普通流)排版方式其实浏览器默认的排版方式就是标准流的排版方式在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版垂直排版, 如果元素是转载 2017-03-14 17:50:42 · 341 阅读 · 0 评论 -
盒模型
盒模型边框属性什么边框?边框就是环绕在标签宽度和高度周围的线条边框属性的格式连写(同时设置四条边)border: 边框的宽度 边框的样式 边框的颜色;示例代码 .box{ width: 100px; height: 100px; b转载 2017-03-14 17:02:11 · 291 阅读 · 0 评论 -
背景和精灵图
背景相关属性背景颜色如何设置标签的背景颜色?在CSS中可以通过background-color:属性设置标签的背景颜色取值:具体单词rgbrgba十六进制div{width:100px;height:50px;}.box1{background-color: red;}.box2{转载 2017-03-14 16:20:55 · 1039 阅读 · 0 评论 -
元素显示模式
Div和Span标签什么是div?作用: 一般用于配合css完成网页的基本布局 .header{ width: 980px; height: 100px; background: red; margin: auto; margin-bottom:转载 2017-03-14 15:39:54 · 342 阅读 · 0 评论 -
CSS三大特性
本帖最后由 极客江南 于 2016-10-4 18:00 编辑 CSS三大特性继承性什么是继承性?作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性示例代码: div{ color: red; }转载 2017-03-14 14:08:03 · 392 阅读 · 0 评论 -
CSS选择器
CSS选择器标签选择器什么是标签选择器?作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性格式:标签名称{ 属性:值;}注意点:标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签标签选择器无论标签藏得多深都能选中id选择器什么转载 2017-03-14 11:54:51 · 375 阅读 · 0 评论 -
CSS常见属性
CSS常见属性文字属性font-style作用: 规定文字样式格式: font-style: italic;取值:normal : 正常的, 默认就是正常的italic : 倾斜的快捷键:fs font-style: italic;fsn font-style: normal;CSS常见属性转载 2017-03-13 18:05:01 · 403 阅读 · 0 评论 -
CSS初体验
CSS起源web的衰落:在web早期(1990-1993),html是一个很局限的语言。几乎完全由用于描述段落,超链接,列表和标题的结构化元素组成。随着万维网的出现(用户交互体验的加强),对html的要求越来越大,人们迫切需要html增加新的元素,去完成一个特定的功能迫于压力,html开始出现, , 等标签。但是html是一种描述结构的语言,也开始描转载 2017-03-13 17:11:08 · 322 阅读 · 0 评论 -
HTML5-媒体标签
video标签作用: 播放视频格式1: src="">video标签的属性src: 告诉video标签需要播放的视频地址autoplay: 告诉video标签是否需要自动播放视频controls: 告诉video标签是否需要显示控制条poster: 告诉video标签视频没有播放之前显示的占位图片loop: 告诉video标签循环播放视频. 一般转载 2017-03-13 16:56:17 · 4345 阅读 · 0 评论 -
HTML5-表单
表单(form)作用: 用于收集用户信息, 让用户填写、选择相关信息格式: 所有的表单内容,都要写在form标签里面注意事项:所有的表单内容,都要写在form标签里面form标签中有两个比较重要的属性action和method, action表单提交的地址 method 表单提交的方式(post/get)input标签如果说td转载 2017-03-13 15:41:31 · 299 阅读 · 0 评论 -
HTML5-表格标签
表格在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表http://2004.sina.com.cn作用:以表格形式将数据显示出来, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式格式:table定义表格tr定义行td定义单元格素(一共有多少列)--> 表转载 2017-03-13 14:04:48 · 4604 阅读 · 0 评论 -
HTML5-列表标签
列表标签无序列表(unordered list)作用: 给一堆内容添加无序列表语义(一个没有先后顺序整体), 列表中的条目是不分先后格式:li 英文是 list item, 翻译为列表项选择居住城市(CN) 北京 上海 广州 铁岭ul应用场景:导航条商品列表等新闻列表注意事项:这里指的无序是转载 2017-03-13 10:52:08 · 651 阅读 · 0 评论 -
HTML5-基础标签
基础标签学习H系列标签(Header 1~Header 6)作用:用于给文本添加标题语义格式:xxxxxx注意点:H标签是用来给文本添加标题语义的, 而不是用来修改文本的样式的H标签一共有6个, 从H1~H6, 最多就只能到6, 超过6则无效被H系列标签包裹的内容会独占一行在H系列的标签中, H1最大, H6最小在企业开发转载 2017-03-13 09:53:49 · 377 阅读 · 0 评论 -
认识HTML5
什么是HTMLHTML其实是HyperText Markup Language的缩写, 超文本标记语言HTML的作用 -- 专门用来给文本添加语义,而不是修改样式,样式的修改,只能用css1.首先利用记事本保存了一个标题和两段描述, 然后修改纯文本文件的扩展名为.html, 然后再利用浏览器打开郑伊健郑伊健,1967年10月4日出生于中国香港,籍贯广东恩平,香港影转载 2017-03-11 18:02:55 · 515 阅读 · 0 评论 -
关于CSS的过渡模块
过渡三要素1.1 必须要有属性发生变化1.2 必须告诉系统哪个属性需要执行过渡效果1.3 必须告诉系统过渡效果持续时长 *{ margin: 0; padding: 0; } div{ width: 100px; height: 50px;原创 2017-03-16 10:03:00 · 389 阅读 · 0 评论