html&css
文章平均质量分 65
老妈老爹我
这个作者很懒,什么都没留下…
展开
-
EasyDemo*Html基础语法及文档结构知识点个人总结(一&&二)
一.Html 1.1 html基础语法 *定义:用于描述功能的符号称为"标记",例如<p>、<h1>等 *类型:封闭类型标记(双标记、成对)&&非封闭类型标记(单标记) *注意:必须使用尖括号括起来 1.2元素和属性 *定义:即标记 *属性:修饰元素;每个属性都有值;必须在标记里;多个属性间不区分先后顺序; 一个标记的属性可能不止...原创 2018-07-17 19:53:36 · 136 阅读 · 0 评论 -
EasyDemo*html、css显示及列表样式知识点个人总结(三&&四)
三、显示 显示方式 1.1.1显示方式 *”一切皆为框”:页面上所有的元素都可以显示为框 *块级元素 -<div>、<h1>或<p>元素等 -这些元素显示为一块内容,即”块框” *内联元素/行内元素 -<span>、<a>元素等 -内容显示在行中,即”行内框” 1.1.2display属性 *取值 -displa...原创 2018-07-21 23:31:23 · 204 阅读 · 0 评论 -
EasyDemo*html、css定位知识点个人总结(五)
五、定位 定位机制 1.1.1什么是定位 *普通流定位 -页面中的块级元素框从上到下一个接一个地排列 -每一个块级元素都会出现在一个新行中 -内联元素将在一行中从左到右排列水平布置 *浮动 *相对定位 *绝对定位 *固定定位 1.1.2定位属性 *定位属性 *position属性:更改定位模式为相对定位、绝对定位或固定定位 -position:static/relat...原创 2018-07-21 23:33:04 · 148 阅读 · 0 评论 -
EasyDemo*Html小demo合集(on Github)
1.>demo1:https://github.com/Way123Ne/htmAndcssAndJs/tree/master/HtmlDemo1 2>demo2 *问题 为页面添加表单标记,实现如下图所示的页面效果: *要求 -对于页面上的单选框和复选框,需做到,单击选择框后面的文本,就像单击选择框一样 *方案 -使用表格实现图-1所示的页面布局 -为实现:单击选...原创 2018-08-13 19:00:33 · 495 阅读 · 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 · 193 阅读 · 0 评论 -
EasyDemo*列表常用标签案例demo合集(on Github)
一、列表常用标签案例 1.无序列表标签<ul> 列表项标签<li> 2.有序列表标签<ol> 列表项标签<li> 3.定义列表标签<dl> 定义标题标签<dt> 定义内容标签<dd> *<dt>&<dd>标签都是块元素,在网页原创 2018-09-09 16:11:40 · 149 阅读 · 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 · 217 阅读 · 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 · 102 阅读 · 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 · 238 阅读 · 0 评论 -
EasyDemo*html&&css文本格式化及表格样式知识点个人总结(一&&二)
一、文本格式化 1.1文本格式化 1.1.1控制字体 *指定字体 -font-family:value1,value2; *字体大小 -font-size:value; *字体加粗 -font-weight:normal/bold 1.1.2控制文本格式 *文本颜色 -color:value; *文本排列 -text-align:left/right/center; ...原创 2018-07-21 23:29:15 · 210 阅读 · 0 评论 -
EasyDemo*CSS浮动定位(八)
八、浮动定位 定位概述 1.1.1定位概述 *定义:定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置 *普通流定位 *浮动定位 *相对定位 *绝对定位 1.1.2普通流定位 1.2浮动定位 1.2.1浮动概述 *浮动定位是指 -将元素排除在普通流之外 -将浮动元素放置在包含框的左边或右边 -浮动元素依旧位于包含框之内 *...原创 2018-07-21 23:27:08 · 101 阅读 · 0 评论 -
EasyDemo*Html文本标记知识点个人总结(二)
二、文本标记 2.1文本标记概述 2.1.1文本标记的作用 *包含在标记中的文本则会被显示为标记所拥有的样式 -特殊字符 -注释 -标题元素 -段落元素 -换行元素 -分区元素 2.1.2文本与特殊字符 *空格折叠 -多个空格或制表符压缩成单个空格,即只显示一个空格 *特殊字符(如空格),需进行转义 2.1.3标题元素<hn> *标题元素...原创 2018-07-17 19:55:01 · 162 阅读 · 0 评论 -
EasyDemo*Html表格、表单知识点个人总结(五&&六)
五、表格 1.1表格的作用 1.1.1表格的作用 *表格通常用来组织结构化的消息 *表格是一些被称作单元格的矩形框按照从左到右,从上到下的顺序排列在一起而形成 *表格的数据保存在单元格里 1.2使用表格 1.2.1创建表格 *定义表格:使用成对的<table></table>标记 *创建表格:使用成对的<tr...原创 2018-07-18 18:54:26 · 330 阅读 · 0 评论 -
EasyDemo*Html图像和链接、列表知识点个人总结(三&&四)
三、图像和链接 1.1URL 1.1.1URL *URL:统一资源定位器,用来标识网络中的任何资源 -文本、图片、音视频文件,段落,或其他超文本 *完整URL组成 -协议、机名、路径名、文件名 1.1.2相对路径和绝对路径 *相对路径:指文件的位置是相对于当前文件的位置。它包括目录名,或指向一个可以从当前目录出发找到该文件的路径 *绝对路径:...原创 2018-07-18 18:56:27 · 129 阅读 · 0 评论 -
EasyDemo*Html表单其他控件知识点个人总结(七)
七、表单 其他控件 1.1.1<label>元素 *语法:<label>文本</label> *主要属性: -for:表示与该元素相联系的控件的ID值 *作用: -将文本与控件联系在一起后,单击文本,效果就同单击控件一样 ...原创 2018-07-20 20:40:41 · 139 阅读 · 0 评论 -
EasyDemo*CSS概述及样式表知识点个人总结(一&&二)
一、CSS CSS概述 1.1.1CSS的作用 1.1.2什么是CSS *CSS:层叠样式表,简称样式表 *用于html文档中元素的样式定义 -实现了将内容与表现分离 -提高代码的可重用性和可维护性 1.2使用CSS样式表 1.2.1使用CSS样式表 *内联方式 -样式定义在单个的html元素中 *内部样式表 -样式定义在html页的头元素中 *外部样式表 ...原创 2018-07-20 20:50:32 · 121 阅读 · 0 评论 -
EasyDemo*CSS语法及样式表知识点个人总结(三&&四)
三、CSS语法 1.1CSS语法规范总结 *内联样式:由样式声明组成 *样式表:由多个样式规则组成 -每个样式规则有两个部分:选择器和样式声明 1.2CSS样式表特征 *继承性 -大多数CSS的样式规则可以被继承 *层叠性 -可以定义多个样式表 -不冲突时,多个样式表中的样式可层叠为一个 *优先级 -样式定义冲突时,按照不同样式规则的优先级来应用样式 1.3样式...原创 2018-07-20 20:56:54 · 138 阅读 · 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 · 140 阅读 · 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 · 146 阅读 · 0 评论 -
EasyDemo*CSS常用形容词总结
CSS常用形容词 红色:常用 绿色:不常用 一、开...原创 2018-10-01 17:33:49 · 334 阅读 · 0 评论