html+css
关注
分享
扫一扫
文章平均质量分 76
bree working
这个作者很懒，什么都没留下…
展开
-
HTML+CSS基础入门-第十三天（CSS-背景属性）
background-color代码background-imagebackground-image：url(图片路径)background-image：nonebackground-repeatrepeat：重复平铺满repeat-x：向x轴重复repeat-y：向y轴重复no-repeat：不重复background-posion横向（left，center，rught） 纵向原创 2017-03-27 17:25:32 · 676 阅读 · 0 评论 -
HTML+CSS基础入门-第三天上（HTML-格式标记）
<br>强制换行标记描述让后面的文字，图片，表格等等，显示在下一行。代码： <body> 尊敬的领导 <br/> 我是Bree </body>显示结果为：<p>换段落标记描述换段落，由于多个空格和回车在html中会被等效为一个空格，所以html中要换段落就要用<p>,<p>段落中也可以包含<p>。代码： <body> <p> 第一段原创 2017-03-17 10:29:28 · 403 阅读 · 0 评论 -
HTML+CSS基础入门-第九天（CSS-使用方式）
HTML<DOCTYPE>声明标签定义和用法<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>之前<!DOCTYPE>声明不是HTML标签；它是指web浏览器关于页面使用哪个HTML版本进行编写的指令。在HTML4.01中，<!DOCTYPE>声明引用DTD，因为HTML4.01基于SGML。HTML5不基于SGML，所以不需要引用DTD。 ##各版本的声明 ##HTML原创 2017-03-25 11:38:18 · 297 阅读 · 0 评论 -
HTML+CSS基础入门-第十七天（CSS-盒模型）
div和spanDIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式，div和span的区别span是内联元素 div是块级元素代码<!DOCTYPE html><head> <title>CSS 盒模型</title> <meta charset="utf-8"> <style type="text/css"> .div{原创 2017-04-11 11:33:00 · 370 阅读 · 0 评论 -
HTML+CSS基础入门-第十天（CSS-定义样式表）
HTML标记定义格式其实上节课已经使用过。 <p>…</p> p{属性:属性值；属性1：属性值1；} p可以叫做选择器，定义那个标记中的内容执行其中的样式 一个选择器可以控制若干个样式属性，他们之间需要用英语的“;”隔开，左后一个可以不加“;”。代码<!doctype html><html> <head> <title>CSS自定义样式</title>原创 2017-03-25 22:04:25 · 541 阅读 · 0 评论 -
HTML+CSS基础入门-第十八天（CSS-布局的属性）
定位left：左right：右top：上bottom：下 离页面顶点的距离positon定位方式正常定位 relative代码<!DOCTYPE html><head> <title>CSS 布局的属性</title> <meta charset="utf-8"> <style type="text/css"> body{原创 2017-04-11 18:29:17 · 276 阅读 · 0 评论 -
HTML-CSS基础入门-第十九天（CSS-开发工具）
兼容性测试工具IE TesterMultibrower常用的浏览器Google chromefirefoxopera高效开发工具Notepad++sbulime Text记事本WebStromDreamweaver网页设计工具fireworksphotoshop判断IE的方法条件判断格式<!--[if 条件 版本]> 那么显示<![endif]-->条件[if !I原创 2017-04-12 10:37:55 · 381 阅读 · 0 评论 -
HTML+CSS基础入门-第十一天（CSS-颜色属性）
说明color属性定义文本的颜色格式color：greencolor：#ff6600简写式：color：#f60color：rgb（255,255,255）：红（R）绿（G）蓝（B）每个取值的范围是0-255color：rgba（255,255,255,1）：rgba代表的是红（R）绿（G）蓝（B）和Alpha的透明度代码<!doctype html><html> <head>原创 2017-03-27 11:23:44 · 469 阅读 · 0 评论 -
HTML+CSS基础入门-第十二天（CSS-字体属性）
font-size字体大小设置一个固定的值（px）父元素的百分比（%）代码<!doctype html><html> <head> <title>字体属性</title> <meta charset="utf-8"> <style type="text/css"> #div1{ font-siz原创 2017-03-27 12:23:47 · 1173 阅读 · 0 评论 -
HTML+CSS基础入门-第八天（HTML-表单）
表单标记<form></form>定义表单的开始位置和结束位置，表单提交时的内容就是<form>表单中的内容。基本格式<form action=”服务器端地址（接受表单内容的地址）” name=”表单单名称” method=”post|get”>…</form>属性name表单名称methodget方式：会将表单的内容附加在URL地址的后面，所以限制了提交的内容的长度，不超过8192个字符，且不具原创 2017-03-24 15:50:42 · 291 阅读 · 0 评论 -
HTML+CSS基础入门-第六天（HTML-表格）
基本格式<table 属性1=“属性值1” 属性2=“属性值2”……>表格内容<table>table标记的属性width属性表示表格的宽度，他的属性值可以使像素（px）也可以是父级元素的百分比（%）height属性表示表格的高度，他的属性值可以使像素（px）也可以是父级元素的百分比（%）border属性表示表格外边框的的宽度align属性表格显示的位置 属性值left：居左显示 cente原创 2017-03-23 11:47:07 · 461 阅读 · 0 评论 -
HTML+CSS基础入门-第十四天（CSS-文本属性）
text-align横向排列属性值left：水平居左center：水平居中right：水平居右列表内容代码<!doctype html><body> <head> <title>文本属性</title> <meta charset="utf"> <style type="text/css"> div{原创 2017-03-28 11:48:09 · 309 阅读 · 0 评论 -
HTML+CSS基础入门-第十五天（CSS-边框属性）
border-style边框风格边框风格样式的属性值none：无边框solid：直线边框dashed：虚线边框dotted：点状边框double：双线边框 依托boeder-color的属性值groove：凸槽边框 依托boeder-color的属性值ridge：垄状边框 依托boeder-color的属性值inset ： inset边框 依托boeder-color的属性值out原创 2017-03-28 15:40:58 · 400 阅读 · 0 评论 -
HTML+CSS基础入门-第一天（HTML-HTML语法）
本博客为线上学习某课程笔记，供参考，供学习什么是HTML标记语言？表示网页信息的符号标记语言。开发工具自带笔记本 等编辑器 我这里用：NotePad++HTML语言特点。可以设置文本的格式，比如标题，字号，文本颜色，段落等等。可以创建列表可以插入图像和媒体可以建立表格超链接，可以使用鼠标点击超链接来实现页面之间的跳转HTML的标记和他的属性HTML文档的保存格式： .html原创 2017-03-15 13:27:36 · 797 阅读 · 0 评论 -
HTML+CSS基础入门-第二天（HTML-HTML的基础结构）
<html>内容</html>解释HTML文档的文档标记，也成为HTML开是标记功能这对标记分别位于网页的最前端和最后端<html>：在最前端表示网页的开始 </html>：自最后端表示网页的结束 /:表示闭合标签<head>内容</head>解释HTML文件头标记，也成为HTML头信息开始标记功能用来包含文件的基本信息，比如网页的标题，关键字，在<head></head>内可以放<title>原创 2017-03-16 13:59:45 · 263 阅读 · 0 评论 -
HTML+CSS基础入门-第三天下（HTML-文本标记）
hn 标题标记描述共有六个级别，n的范围1-6，不同的级别对应显示大小不同的标题，h6最小代码 <body> 第三节课 <br/> <h1>第三节课 </h1> <h2>第三节课 </h2> <h3>第三节课 </h3> <h4>第三节课 </h4> <h5>第三节课 </h5>原创 2017-03-17 13:25:55 · 408 阅读 · 0 评论 -
HTML+CSS基础入门-第七天（HTML-HTML框架）
框架是什么框架将浏览器划分成不同的部分，每一部分加载不同的网页，实现在同一浏览器窗口加载多个页面的效果<frameset>划分框架标记语法格式<frameset>……</frameset>属性cols如果使用“*”，“*”表示框架平均分成2个如果使用“*”,“*”,“*”表示框架平均分层3个rows使用像素数和%分割上下窗口，“*”表示剩余部分frameborder指定是否显示边框，0不显示，原创 2017-03-24 12:08:51 · 393 阅读 · 0 评论 -
HTML+CSS基础入门-第五天（HTML-超链接）
超链接就是指按内容链接基本语法<a href=”连接地址” target=”打开方式” name=“页面锚点名称”>链接文字或者图片</a>属性href属性链接的地址，链接的地址可以是一个网页，也可以是一个视频，图片，音乐等。代码： <body> <a href="http://www.baidu.com/">百度</a><br/> <a href="http:原创 2017-03-22 11:50:17 · 402 阅读 · 0 评论 -
HTML+CSS基础入门-第四天（HTML-图片标记）
<img>图像标记使用方法<img src=”路径/文件名.图片格式” width=”属性值” height=”属性值” border=”属性值” alt=”属性值”>注意<img>为但标记，不需要使用</img>闭合在加载图像文件的时候，文件的路径或者文件名格式错误，将无法加载文件。<img>标记的属性src属性指定我们要架子的图片的路径和图片的名称以及图片的格式。代码1：图片位置与.ht原创 2017-03-20 12:12:17 · 656 阅读 · 0 评论 -
HTML+CSS基础入门-第十六天（CSS-列表属性）
标记的类型list-style-type属性值none：无标记disc：默认标记是实心圆circle：标记是空心圆square：标记是实心方块decimal：标记是数字decimal-leading-zero：0开头的数字标记（01,02,03等）lower-roman：小写罗马数字（i，ii，iii，iv，v）upper-roman : 大写罗马数字（I，II，III，IV，V）原创 2017-04-06 11:31:39 · 510 阅读 · 0 评论