html让⽂本框左剧中对齐_HTML的部分知识1.标签
常⽤的单标签
< !— xx –>：注释标签 快捷键：ALT+/
< br/>：换⾏标签
注释：⾃动⽣成空⽩⾏
< hr/> ：⽔平线标签
常⽤的双标签
段落
< p>< /p> –段落标签
标题
h1-h6 –标题标签
⽂本格式化标签 strong , b
区别
strong - 着重，强调标签，
b – 加粗
建议：⼯作中⼀般使⽤ strong
⽂本倾斜标签：< em>< /em>、< i>< /i>
区别：
em 元素代表对其内容的强调
i 元素代表在普通⽂本中具有不同语态或语⽓的⼀段⽂本，某种程度上表明⼀段不同特性的
⽂本，⽐如⼀个分类学名称，⼀个技术术语，⼀个外语习语，⼀个⾳译，⼀个想法，或者西⽅⽂本中的⼀艘船名。
建议：⼯作中⼀般使⽤ em
删除线标签：< del>< /del> 、< s>< /s>
建议：⼯作中⼀般使⽤del
下划线标签：< ins>< /ins>、< u>< /u>
建议：⼯作中⼀般使⽤ins
提⽰：上诉建议的理由，⼀⽅⾯内容提⽰，另⼀⽅⾯语义化强。
图⽚标签: img
< img src=”/i/eg_tulip.jpg” alt=”上海鲜花港 - 郁⾦⾹” width=”300” height=”360” />
注意图⽚：width=100%可以让图⽚的宽随浏览器变动
图⽚常⽤属性
Src 图⽚的来源 必写属性
Alt 替换⽂本 图⽚不显⽰的时候显⽰的⽂字
Title 提⽰⽂本 ⿏标放到图⽚上显⽰的⽂字
Width 图⽚宽度
Height 图⽚⾼度
超链接
–常⽤属性：
href 去往的路径（跳转的页⾯） 必写属性
title 提⽰⽂本 ⿏标放到链接上显⽰的⽂字
target=”_self” 默认值 在⾃⾝页⾯打开（关闭⾃⾝页⾯，打开链接页⾯）*target属性值*
列表
⽆序列表：
< ul>
< li>< /li>
< li>< /li>
< li>< /li>
< /ul>
常⽤属性：
type=”square” ⼩⽅块
Type=”disc” 实⼼⼩圆圈
Type=”circle” 空⼼⼩圆圈
有序列表
< ol>html怎样设置文本框输入输出
< li>< /li>
< li>< /li>
< li>< /li>
< /ol>
常⽤属性：
type=”1,a,A,i,I” type的值可以为1,a,A,i,I
start=”3” 决定了开始的位置。
⾃定义列表
< dl>
< dt>< /dt> ⼩标题
< dd>< /dd> 解释标题
< dd>< /dd> 解释标题
< /dl>
⾳乐标签
< embed> 标签是 HTML 5 中的新标签。
< embed src=”helloworld.swf” hidden=”true|false” />
2.定位
CSS 定位机制：
CSS 有三种基本的定位机制：普通流、浮动和绝对定位。
除⾮专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。
块级框从上到下⼀个接⼀个地排列，框之间的垂直距离是由框的垂直外边距计算出来。
⾏内框在⼀⾏中⽔平布置。可以使⽤⽔平内边距、边框和外边距调整它们的间距。但是，垂直内边距、边框和外边距不影响⾏内框的⾼度。由⼀⾏形成的⽔平框称为⾏框（Line Box），⾏框的⾼度总是⾜以容纳它包含的所有⾏内框。不过，设置⾏⾼可以增加这个框的⾼度。
1、静态定位（static）
⼀般的标签元素不加任何定位属性都属于静态定位，对象遵循正常⽂档流。top、right、bottom、left等属性⽆效。
2，相对定位与绝对定位
relative：对象遵循正常⽂档流，相对于对象左上⾓位置（移动前）进⾏定位，移动后仍占据原空间，对象不可层叠。
absolute：对象脱离正常⽂档流，其层叠可通过css z-index属性定义
3、固定定位（fixed）
对象脱离正常⽂档流，使⽤top、right、bottom、left等属性以窗⼝左上⾓为参考点进⾏定位，当出现滚动条时，对象不会随着滚动，其层叠通过z-index属性定义。
（锚点定位）
3.选择器
1.标签选择器
注意点：1. 标签选择器选中当前所有的标签，⽽不能单独选择某个标签
2.标签选择器不⽆多深都能被选中
3.只要是HTML中的标签就可以作为表亲啊选择器（h/a/img/ul/ol/）
2.id选择器
注意点：
1.每个HTML标签都有⼀个属性叫做id，也就是说每个标签都可以设置id
2.在同⼀个界⾯中id的名称是不可以重复的
3.在编写id选择器时⼀定要在id名称前加上＃
4.id的名称有⼀定的规范
4.1名称不能以数字开头，只能以字母／数字／下划线组成
4.2id不能以HTML标签名称命名
4.3在开发中⼀般不会使⽤id，留给js使⽤
3.类选择器
4.属性选择器
5.序选择器
6.通配符选择器 *
由于通配符选择器是设置界⾯上所有的标签的属性, 所以在设置之前会遍历所有的标签, 如果当前界⾯上的标签⽐较多, 那么性能就会⽐较差，所以在企业开发中⼀般不会使⽤通配符选择器
7.兄弟选择器
作⽤：给指定选择器后⾯紧跟的那个选择器选中的标签设置属性
注意点:1.相邻兄弟选择器必须通过＋连接
2.相邻兄弟选择器职能选中紧跟其后的那个标签，不能选中被隔开的标签
8.通⽤选择器
作⽤：给指定选择器后⾯的选择器选中的所有标签设置属性
注意：
1.通⽤兄弟选择必须⽤～连接
2.通⽤兄弟选择器选择后⾯某个选择器中的所有标签，⽆论有没有被隔开都可以选中
4.HTML加载顺序
⽤户输⼊url地址，浏览器根据域名寻IP地址
浏览器向服务器发送http请求，如果服务器段返回以301之类的重定向，浏览器根据相应头中的location再次发送请求
服务器端接受请求，处理请求⽣成html代码，返回给浏览器，这时的html页⾯代码可能是经过压缩的
浏览器接收服务器响应结果，如果有压缩则⾸先进⾏解压处理，紧接着就是页⾯解析渲染
  解析渲染该过程主要分为以下步骤：
解析HTML
构建DOM树
DOM树与CSS样式进⾏附着构造呈现树
布局
绘制
5.css单位的种类和区别
A ⽂字
1 font-family：字体名称
注意： 当指定多种字体时，⽤“，”分隔每种字体的名称
当字体名称包含两个以上分开的单词是，⽤“”把该字体名称括起来。
当样式规则外已经有“”时,⽤‘’代替“”。
2 font-size：字号参数。
3 font-style：斜体字的名称。
normal正常状态、italic斜体字、oblique 斜体和正常状态之间。
4 font-weight：字体粗细。
取值是：number(100～900) 或者参数 lighter（细体） 和bold(粗体)bolder（特粗体） 参数 显⽰更细或更粗。
5 text-transform：参数
参数的范围： uppercase 所有⽂字⼤写显⽰
lowercase：所有⽂字⼩写显⽰
capitalize 每个单词的头字母⼤写
none 不继承母体的⽂字变形参数。
6 text-decoration：参数
参数的范围： underline 为⽂字加下划线
overline 为⽂字加上划线
line-through 为⽂字加删除线
blink 使⽂字闪烁
none 不显⽰上叙任何效果。
7 color:#rrggbb或者 #rgb原则(还可以参考资料有多种⽅式，但是只要掌握基本的⼀种⽅式)。
8 可以⽤font 属性全部定位
⽰例：p{font:italic bold 12pt;}
B 背景
1 background-color 背景颜⾊
2 background-image 背景图⽚
⽰例：{background-image:url('baidu/zhouliang.gif')}
3 background-repeat：参数
参数的范围：
repeat 表⽰图像从⽔平和垂直⾓度平铺
no-repeat 不重复平铺背景图⽚
repeat-x 使图⽚只在⽔平⽅向上平铺
repeat-y 使图⽚只在垂直⽅向上平铺。
4 background-attachment 参数
fixed ⽹页滚动时，背景图⽚相对浏览器⽽⾔固定不动。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。