HTML中长用到标签和标签,总结下:1.单个使用,成对使用2.我们需要文字小换行时候我们使用br换行标签,如果要实现段落可以使用p标签3.行间距小,行间距大概有一行文字的间距高度,如下图:测试网站:http://www.w3schools.com/html/
4) $('*') 全选择器,可选择所有的
html
标签
(影响范围较大甚用)<
br
>
5) $('sele1,sele2') 用‘,'逗号隔开可以选择多个不同元素有相同效果的选择器<
br
>
6) $('div p') 层次选择器,常用的选择器,例如div下面的p
标签
<
br
>
7) $('div>p') 与上一个层次选择器差不多,但是div下面有子元素,子元素下还有孙元素,该选择器只能选子元素<
br
>
8) $('div+p') 该选择器用得很少表示div相邻下一个选择器,(必须是相同层次元素并且紧挨的)<
br
>
9) $('div~p') 在相同阶段的元素从div开始一直到该阶段尾部所有的p
标签
被选中,不包括往下元素的为p子元素<
br
>
10) $('div:first') 过滤选择器,:first用:与父级元
br
与p
标签
区别
,
br
和p
标签
认识之div+
css
开发时候常用换行
标签
接下来,我们介绍下
html
中常遇见和常用到的
br
/>和
标签
之间的
区别
及用法,以及使用
css
对他们控制设置属性样式——扩展知识
css
换行,
css
不换行。
br
与p
区别
目录
综合介绍
br
p
相关
html
知识
P和
br
标签
区别
Br
与p总结
一、综合介绍
br
p - TOP
html
<
br
/>和</
br
>的
区别
:
在早先发布的
html
规范中<
br
>/<hr>/<img>等标记元素是无需“封闭自身”的,这就造成了
html
规范本身的不严谨,所以后来参考了更规范的XML语言的语法推出了x
html
。
在x
html
中所有类似
br
这样的孤立
标签
都需要自行封闭,具体的做法就是在
标签
名字的后面跟个“/”,例如<
br
...
给这段代码配一个bootstrap 风格的
css
样式。 <!DOCTYPE
html
> <
html
> <head> <title>用户登录</title> <link rel="stylesheet" type="text/
css
" href="login.
css
"> </head> <body> <h1>用户登录</h1> <form action="登录.
HTML
" method="post"> <label style="display: inline-block;" for="username">用户名:</label> <input style="display: inline;"type="text" id="username" name="username"><
br
><
br
> <label style="display: inline-block;" for="password">密 码:</label> <input style="display: inline;"type="password" id="password" name="password"><
br
><
br
> <label style="display: inline-block;" for="remember">记住我:</label> <input style="display: inline;"type="checkbox" id="remember" name="remember"><
br
><
br
> <input type="submit" value="登录"> </form> </body> </
html
>
<title>用户登录</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/
css
/bootstrap.min.
css
">
</head>
<div class="container">
<h1>用户登录</h1>
<form action="登录.
HTML
" method="post">
<div class="form-group">
<label for="username">用户名:</label>
<input type="text" class="form-control" id="username" name="username">
<div class="form-group">
<label for="password">密码:</label>
<input type="password" class="form-control" id="password" name="password">
<div class="checkbox">
<label><input type="checkbox" id="remember" name="remember">记住我</label>
<button type="submit" class="btn btn-default">登录</button>
</form>
</body>
</
html
>