摘要：和的区别表示只读，只能用于文本框，不能修改内容，它的值可以随表单提交给服务器表示该元素不可用，不响应事件，不能修改内容。同时不响应事件。通配选择器属性为的元素中，所有的子元素均采用该样式。表示按照格式规则正常定位。

1、企业应用计算模式主要有：CS模式（客户端/服务器）和BS模式（浏览器/服务器模式）

2、html:超文本标记语言。以标记和子标记描述网页元素。
　　http：超文本传输协议。

3、网页以*.html作为后缀名。
　　 网页以作为根元素，该元素中包含和两个子元素。
　　 标记一般用于设置网页标题、设置网页编码、书写或导入样式、书写或导入JS等。
　　标记用于描述网页内容。

4、设置网页编码集

5、网页注释：
      css注释：/* */
      js注释：//单行 /* */多行

6、标题标记：

~

　　段落标记

　　无序列表：
　　

　　　　
• 第一选项

　　　　
• 第二选项

　　

　　有序列表：
　　

　　　　
1. 第一选项

　　　　
2. 第二选项

　　

7、在网页中有些符号必须以特殊的符号代替：
　　空格： 
　　小于：<
　　大于：>

8、超链接
　　href表示需要跳转的页面路径。相对于本网页而言，如果跳转页面和本网页在同一目录，则直接写文件名。
　　如果跳转页面在本网页所在目录的子目录下，则书写为html/aa.html。
　　如果跳转页面在本网页的上级目录，则书写为../aa.html。

9、图片： src属性链接图片路径。规则和超链接链接路径一样

10、表格

，表示表头，表示表格内容。

11、框架网页iframe：
　　 其中src为框架网页链接路径，name为框架网页名称
　　显示 点击超链接时，改变名称为main的框架网页内容。

12、块级元素和内嵌元素：
　　块级元素定义的文本是换行的，而内嵌元素定义的文本是不换行的。
　　常见的块级元素包括：div、blockquote、列表元素（dl、ol、ul）、fieldset、form、h1-h6、hr、p、pre、table等。
　　内嵌元素包括：span、a、img、label、所有的表单输入元素、iframe、object等。

13、表单

：
　　action表示表单提交的服务器URL地址。
　　method表示提交方式。常用的是GET和POST。
　　GET方式会在地址栏显示提交的表单数据，POST不会显示相对安全。

14、表单元素：
　　文本框
　　密码框
　　单选框，当name一致时，可以互斥。提交时，会将选中单选框的value值提交给服务器
　　复选框，提交时，会将选中单选框的value值提交给服务器。
　　隐藏表单，页面上不显示，但表单提交时，会将该表单数据提交给服务器。
　　文件表单，可以选择本地文件
　　
　　　　高中
　　　　大专
　　
　　下拉框，提交时，会将选中项option的value值提交给服务器。
　　多行文本框
　　 提交按钮，可以将表单数据提交给服务器
　　 重置按钮，将表单数据还原成初始值
　　图片按钮，作用类似于submit。但可以将按钮做成图片方式
　　 命令按钮，主要书写javascript事件

15、id和name的区别：
　　id表示网页元素在网页中的唯一标识，不能重复，可以用于任何网页元素，它的值不会随表单提交给服务器
　　name一般用于表单元素，可以重复，它的值会随表单提交给服务器。

16、readonly和disabled的区别：
　　readonly表示只读，只能用于文本框，不能修改内容，它的值可以随表单提交给服务器
　　disabled表示该元素不可用，不响应事件，不能修改内容。它的值不能随表单提交给服务器。

17、CSS层叠样式表，使用的方式有：
　　外部样式表：在 href中导入css文件路径。这种方式重用度好，可以用于多个网页

　　嵌入式样式表，可以在本网页中使用
　　

　　内联样式：

只能在当前元素中使用

　　层次的优先级别从大到小依次为：内联样式 > 嵌入样式表 > 外部样式表

18、CSS选择器规则：
　　元素选择器： p{} 表示所有的p标签均采用该样式
　　h1,h2{}：表示h1标签和h2标签均采该样式

　　类选择器： .aa{} 定义类选择器，通过class="aa"将当前元素应用该选择器，可以用于多个元素。

　　id选择器： #mm{} 定义id选择器，表示id为mm的元素采用该样式，只能用于一个元素。

　　包含选择器： div img{} 表示div元素下面所有的img子元素均采用该样式。

　　通配选择器： #mydiv *{} 表示id为mydiv下面所有的子元素均采用该样式。

　　伪类选择器： #data tr:hover{} 表示id为data的元素下面所有的tr子元素，在鼠标移上去时，采用该样式。

　　属性选择器： input[type=password]{}表示所有input标签中，type属性的值为password的元素，采用该样式。

　　优先级：
　　!important > id > class > element > 伪类 > *

19、在CSS盒模型中，我们可以控制四个不同的分层属性：
　　内容(content)：元素中的内容。
　　外边距（Margin）：代表元素外边的空间，这个控件将元素相互分开。
　　边框（Border）：位于元素的边距内和元素的边框距外之间的可配置的线。
　　内边距（Padding）：元素内容和元素边框之间的空间。

　　盒模型均可以用“上右下左”方式设置。如果仅给出两个或三个值，那么缺失边的属性值取与对边相同的值。

20、margin和padding：
　　margin是和border的距离；padding是内容和border的距离
　　margin是对外的，padding是对内的

　　对于margin:
　　水平盒子的间距为两个盒子间距的和
　　垂直盒子的间距为两个盒子间距的较大值

21、盒子的浮动，float:left左漂移，将块级元素转化为内嵌元素。clear:left清除左漂移。

22、定位属性：
　　static静态定位。表示按照HTML格式规则正常定位：
　　relative相对定位。相对于元素原始位置进行偏移
　　absolute绝对定位，是指某元素将定位在已经定位的父元素框架或浏览器窗口本身的左上角绝对位置。
　　fixed固定定位。类似 absolute，不过其包含块是视窗本身

23、显示属性 ：
　　在css中，有两个属性可以控制元素的显示和隐藏，即display属性和visibility属性
　　diplay=none，元素不会占空间
　　visibility=hidden元素会占用空间

 

 

向搜索引擎说明你的网页的关键字

高数搜索引擎你的站点的主要内容

设置网页编码集

表单：
readonly和disabled的区别

1.readonly表示只读，只能用于文本框，表示该文本框的内容不可以编辑，
表单提交时，readonly修饰的文本框，可以将值提交服务器。

2.disabled表示不可用。可以用于任何网页元素，表示该元素不可以使用，不可以编辑。同时不响应事件。
当表单提交时，disabled修饰的表单元素，不能将值提交服务器。

（产生框）,包裹表单。

一起使用。一个框的样式以及框的线上有个名字,包裹表单。

CSS：
CSS是层叠样式表（Cascading Style Sheets）的缩写，它用于定义html元素的显示形式，是一种格式化网页内容的技术。

导入CSS的方式：

1.内嵌式

只能针对一个网页元素书写样式。

2.嵌入式

针对与本网页中的元素有效。一般放在之间。

3.外连接

可以在不同的网页中，引入样式表文件，重用度最好。一般也放在之间。

样式表的层叠：
层次的优先级别从小到大依次为 外部样式表 嵌入式样式表 内联样式

CSS选择器：

1.元素选择器
P{} 所有的p标签均采用该样式。
h1,h2{} 所有的h1标签和h2标签均采用该样式。

2.类选择器
.aa{} 所有加入类class="aa" 属性的元素均采用该样式，类选择器可以用于不同的标记。

3.id选择器
#myspan{}
id属性为myspan的元素采用该样式，由于id不能重复，id选择只能给一个元素加样式。

4.包含选择器
#imgDiv img{}(注意中间有空格)
id属性为imgDiv的元素中，所有的img元素均采用该样式。

5.通配选择器
#myDiv *{}
id属性为myDiv的元素中，所有的子元素均采用该样式。

6.伪类选择器
#data tr：hover｛｝
当鼠标悬停在id为tr的元素上时，该元素采用该样式。

opacity:透明度设置0-1之间；

input标签和focus一起使用：得到焦点

7.属性选择器
input[type=password] :
focus{

background-color: #cd5c5c;

}

8.CCS优先级

! import >id > class > element>伪类>*

 

9.CSS盒模型
在盒模型中，我们可以控制四个不同的分层属性：

1.内容（content）：元素中的内容

2.外边距（Margin）：代表元素外边的空间，这个空间将元素相互分开。

3.边框（Border）：位于元素的边距内和元素的边框距外之间的可配置的线。

4.内边距（Padding）：元素内容和元素边框之间的空间。
盒模型均可以用 “上右下左” 方式设置。如果仅给出两个或三个值，那么缺失边的属性值取与对边相同的值。

10.margin属性：

1.水平盒子的艰巨为两个盒子的间距为两个盒子间距的和

2.垂子盒子的间距为两个盒子间距的较大值
3.margin值可以设置为负值

margin是当前元素和border的距离；padding时内容和border的距离
margin是对外的，padding是对内的。

11.盒子之间的关系：
所谓标准留，就是指在不实用其他与排列和定位相关的特殊CSS规则时，各种元素的排列规则。

1.文本元素按照从上到下、从左到右的格式布局

2.块级元素按照从上到下依次排列。

3.内嵌元素按照从左到右依次排列。

clear属性除了可以设置为了left和right之外，还可以设置为both，表示同时清楚左右两边的影响。

隐藏内容，不会占用原来的为位置

当内容超出div后设置overflow的值可以设置隐藏或出现滚动条或auto。

 

12.定位属性：
是position的值

1."static" 静态定位。表示按照html格式规则正常定位。

2.“relative” 相对定位。相对于元素原始位置进行偏移。

3.“absolute” 绝对定位，时值某元素将定位在已经定位的父元素框架或浏览器窗口本身的左上角绝对位置。

4.“fixed” 固定定位。类似absolute，不过其包含块时视窗本身。

margin：0 auto
居中显示

list-style:none
去掉无需列表的圆点

padding-top:5px;
内容到变卡ugnde距离

GPU云服务器 云服务器 html的基本知识点 HTML的知识 html前端知识 html基础知识

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/2069.html

• 上一篇：实现输入框小数多 自动进位展示，编辑时实际值不变
• 下一篇：html-edm(邮件营销)编写规则

相关文章

• 保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）

  摘要：标签不区分大小写，但推荐小写。标签可以嵌套，但不能交叉嵌套。标签也称为元素。比如行内标签亦可成行内元素。 ❤️HTML必备知识详解❤️ 第一部分：HTML框架简介...

  paulli3 2021-10-13 09:40 评论0 收藏0

• 前端开发知识点之 html &css

  摘要：声明允许表现性元素，废气元素以及。众所周知强制属性就是为禁用图片时的兼容性作考虑。而正确的遵循标签的语义，则是保证禁用时的兼容性。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。 HTML&CSS 大纲 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、 HTML5、CSS3、Flexbox doctype 声...

  felix0913 2019-08-30 13:47 评论0 收藏0

• 前端开发知识点之 html &css

  摘要：声明允许表现性元素，废气元素以及。众所周知强制属性就是为禁用图片时的兼容性作考虑。而正确的遵循标签的语义，则是保证禁用时的兼容性。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。 HTML&CSS 大纲 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、 HTML5、CSS3、Flexbox doctype 声...

  Scliang 2019-08-01 17:48 评论0 收藏0

• html5知识点补充—其他元素介绍

  摘要：在中，元素得以重新定义，它现在用来显示不正确或不相关的内容。元素的变化对元素的定义进行了很大的修改。因此，在中，元素代表小打印体，如版权信息条款或许可法律信息。因为是内嵌元素，如果有需要，你可以将它嵌入其他元素中。 使用s元素显示不准确或不相关的内容 以前,s元素是特意用来显示带删除线的文字的。在HTML5中，s元素得以重新定义，它现在用来显示不正确或不相关的内容。 这意味着可以使用它...

  BigNerdCoding 2019-08-01 14:52 评论0 收藏0

• html部分知识点学习

  摘要：全部的取值如下关于属性解释五元素作用将另一个页面嵌入到当前页面中知识点标签目前已经很少用到。页面页面页面属性取值空值刷新并返回顶部锚点不会刷新页面，不发起请求，点了没反应。 一、什么是空标签没有闭合的标签称为空标签。 一个空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。 ...

  libxd 2019-08-02 16:17 评论0 收藏0

发表评论

登陆后可评论

0条评论

番茄西红柿

男|高级讲师

我要关注 我要私信

TA的文章

阅读更多

• tensor

  阅读 712·2023-04-25 19:43

• Windows 下安装 XGBoost

  阅读 3906·2021-11-30 14:52

• Hadoop 2.6.0 启动问题 lib/native/libhadoop.so which mi

  阅读 3783·2021-11-30 14:52

• VmShell：黑五美国VPS,免费先开通测试,满意后付款!支持tiktok美区

  阅读 3851·2021-11-29 11:00

• 百度智能云：云产品特惠福利,1核2G轻量应用服务器仅48元/年

  阅读 3782·2021-11-29 11:00

• Linux系统和宝塔面板如何启用禁ping功能?

  阅读 3868·2021-11-29 11:00

• 301重定向怎么做?301重定向设置方法有几种

  阅读 3556·2021-11-29 11:00

• wordpress网站重定向次数过多的解决方法

  阅读 6103·2021-11-29 11:00

最新活动

阅读需要支付1元查看

支付并查看

<