html&css
文章平均质量分 64
老妈老爹我
这个作者很懒,什么都没留下…
展开
-
EasyDemo*Html基础语法及文档结构知识点个人总结(一&&二)
一.Html1.1 html基础语法*定义:用于描述功能的符号称为"标记",例如<p>、<h1>等*类型:封闭类型标记(双标记、成对)&&非封闭类型标记(单标记)*注意:必须使用尖括号括起来1.2元素和属性*定义:即标记*属性:修饰元素;每个属性都有值;必须在标记里;多个属性间不区分先后顺序; 一个标记的属性可能不止...原创 2018-07-17 19:53:36 · 160 阅读 · 0 评论 -
EasyDemo*html、css显示及列表样式知识点个人总结(三&&四)
三、显示显示方式1.1.1显示方式*”一切皆为框”:页面上所有的元素都可以显示为框*块级元素-<div>、<h1>或<p>元素等-这些元素显示为一块内容,即”块框”*内联元素/行内元素-<span>、<a>元素等-内容显示在行中,即”行内框”1.1.2display属性*取值-displa...原创 2018-07-21 23:31:23 · 211 阅读 · 0 评论 -
EasyDemo*html、css定位知识点个人总结(五)
五、定位定位机制1.1.1什么是定位*普通流定位-页面中的块级元素框从上到下一个接一个地排列-每一个块级元素都会出现在一个新行中-内联元素将在一行中从左到右排列水平布置*浮动*相对定位*绝对定位*固定定位1.1.2定位属性*定位属性*position属性:更改定位模式为相对定位、绝对定位或固定定位-position:static/relat...原创 2018-07-21 23:33:04 · 153 阅读 · 0 评论 -
EasyDemo*Html小demo合集(on Github)
1.>demo1:https://github.com/Way123Ne/htmAndcssAndJs/tree/master/HtmlDemo12>demo2*问题为页面添加表单标记,实现如下图所示的页面效果:*要求-对于页面上的单选框和复选框,需做到,单击选择框后面的文本,就像单击选择框一样*方案-使用表格实现图-1所示的页面布局-为实现:单击选...原创 2018-08-13 19:00:33 · 520 阅读 · 0 评论 -
EasyDemo*文字&段落常用标签案例demo合集(on Github)
一、文字1.文字样式标签<font>2.文字加粗标签<b>&<strong>3.文字倾斜标签<i>&<em>4.文字下划线标签<u>5.文字上标、下标、删除线<sup>&<sub>&<strike原创 2018-09-07 20:08:27 · 200 阅读 · 0 评论 -
EasyDemo*列表常用标签案例demo合集(on Github)
一、列表常用标签案例1.无序列表标签<ul> 列表项标签<li>2.有序列表标签<ol> 列表项标签<li>3.定义列表标签<dl> 定义标题标签<dt> 定义内容标签<dd>*<dt>&<dd>标签都是块元素,在网页原创 2018-09-09 16:11:40 · 175 阅读 · 0 评论 -
EasyDemo*图片&超链接、音视频&表单常用标签及案例demo(on Github)
一、图片&超链接1.图片常用标签<img>2.链接常用标签<a>3.特殊链接标签-<a href="mailto:邮件地址">发送电子邮件</a>-<a href="#">链接的文字</a>-<a href="下载文件路径">原创 2018-09-15 17:00:57 · 223 阅读 · 0 评论 -
EasyDemo*结构体常用标签案例demo(on github)
一、常用标签1.标识文章标签<article>2.标识章节标签<section>3.标识导航标签<nav>4.标识文章发布日期标签<time>5.添加标题块标签<header>6.标题分组标签<hgroup>7.添加页脚标签<footer>8.添加联系信息标签<address&原创 2018-09-15 17:07:05 · 106 阅读 · 0 评论 -
EasyDemo*CSS常用选择器案例demo合集(on Github)
一、CSS常用选择器1.通配符选择器2.id选择器3.类选择器4.伪类选择器5.派生选择器6.群组选择器7.标签选择器二、案例源码demo:https://github.com/Way123Ne/htmAndcssAndJs/tree/master/CSSSelectorDemo/WebRoot...原创 2018-09-23 22:26:11 · 263 阅读 · 0 评论 -
EasyDemo*html&&css文本格式化及表格样式知识点个人总结(一&&二)
一、文本格式化1.1文本格式化1.1.1控制字体*指定字体-font-family:value1,value2;*字体大小-font-size:value;*字体加粗-font-weight:normal/bold1.1.2控制文本格式*文本颜色-color:value;*文本排列-text-align:left/right/center;...原创 2018-07-21 23:29:15 · 215 阅读 · 0 评论 -
EasyDemo*CSS浮动定位(八)
八、浮动定位定位概述1.1.1定位概述*定义:定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置*普通流定位*浮动定位*相对定位*绝对定位1.1.2普通流定位1.2浮动定位1.2.1浮动概述*浮动定位是指-将元素排除在普通流之外-将浮动元素放置在包含框的左边或右边-浮动元素依旧位于包含框之内*...原创 2018-07-21 23:27:08 · 104 阅读 · 0 评论 -
EasyDemo*Html文本标记知识点个人总结(二)
二、文本标记2.1文本标记概述2.1.1文本标记的作用*包含在标记中的文本则会被显示为标记所拥有的样式 -特殊字符 -注释 -标题元素 -段落元素 -换行元素 -分区元素2.1.2文本与特殊字符*空格折叠 -多个空格或制表符压缩成单个空格,即只显示一个空格*特殊字符(如空格),需进行转义2.1.3标题元素<hn>*标题元素...原创 2018-07-17 19:55:01 · 167 阅读 · 0 评论 -
EasyDemo*Html表格、表单知识点个人总结(五&&六)
五、表格1.1表格的作用1.1.1表格的作用 *表格通常用来组织结构化的消息*表格是一些被称作单元格的矩形框按照从左到右,从上到下的顺序排列在一起而形成 *表格的数据保存在单元格里 1.2使用表格1.2.1创建表格 *定义表格:使用成对的<table></table>标记*创建表格:使用成对的<tr...原创 2018-07-18 18:54:26 · 360 阅读 · 0 评论 -
EasyDemo*Html图像和链接、列表知识点个人总结(三&&四)
三、图像和链接1.1URL1.1.1URL*URL:统一资源定位器,用来标识网络中的任何资源 -文本、图片、音视频文件,段落,或其他超文本*完整URL组成 -协议、机名、路径名、文件名 1.1.2相对路径和绝对路径*相对路径:指文件的位置是相对于当前文件的位置。它包括目录名,或指向一个可以从当前目录出发找到该文件的路径*绝对路径:...原创 2018-07-18 18:56:27 · 136 阅读 · 0 评论 -
EasyDemo*Html表单其他控件知识点个人总结(七)
七、表单其他控件 1.1.1<label>元素 *语法:<label>文本</label> *主要属性: -for:表示与该元素相联系的控件的ID值 *作用: -将文本与控件联系在一起后,单击文本,效果就同单击控件一样 ...原创 2018-07-20 20:40:41 · 147 阅读 · 0 评论 -
EasyDemo*CSS概述及样式表知识点个人总结(一&&二)
一、CSSCSS概述1.1.1CSS的作用1.1.2什么是CSS*CSS:层叠样式表,简称样式表*用于html文档中元素的样式定义-实现了将内容与表现分离-提高代码的可重用性和可维护性1.2使用CSS样式表1.2.1使用CSS样式表*内联方式-样式定义在单个的html元素中*内部样式表-样式定义在html页的头元素中*外部样式表...原创 2018-07-20 20:50:32 · 128 阅读 · 0 评论 -
EasyDemo*CSS语法及样式表知识点个人总结(三&&四)
三、CSS语法1.1CSS语法规范总结*内联样式:由样式声明组成 *样式表:由多个样式规则组成-每个样式规则有两个部分:选择器和样式声明1.2CSS样式表特征*继承性-大多数CSS的样式规则可以被继承*层叠性-可以定义多个样式表-不冲突时,多个样式表中的样式可层叠为一个*优先级-样式定义冲突时,按照不同样式规则的优先级来应用样式1.3样式...原创 2018-07-20 20:56:54 · 144 阅读 · 0 评论 -
EasyDemo*CSS背景知识点个人总结(五)
五、背景背景色1.1背景色background-color*background-color属性用于为元素设置背景色,该属性接收任何合法的颜色值*为元素背景设置一种纯色1.2背景图像1.2.1背景图片background-image*默认值none,表示背景上没有放置任何图像*如果需要设置一个背景图像,需要用起始字母url附带一个图像的URL值-可以试相对URL或...原创 2018-07-21 23:23:00 · 166 阅读 · 0 评论 -
EasyDemo*CSS尺寸与框模型(六&&七)
六、尺寸与框模型尺寸与边框1.1.1样式单位*%:百分比*in:英寸*cm:厘米*pt:镑(1pt等于1/72英寸)*px:像素(计算机屏幕上的一个点)*em:1em等于当前的字体尺寸*rgb(x,x,x):RGB值,如rgb(255,0,0)*rgb(x%,x%,x%):RGB百分比值,如rgb(100%,0%,0%)*#rrggbb:十六进制,如#ff...原创 2018-07-21 23:25:18 · 153 阅读 · 0 评论 -
EasyDemo*CSS常用形容词总结
CSS常用形容词 红色:常用 绿色:不常用一、开...原创 2018-10-01 17:33:49 · 355 阅读 · 0 评论