黑马程序员技术交流社区
标题:
技术贴
[打印本页]
作者:
qianduanxinren
时间:
2019-10-14 22:39
标题:
技术贴
在黑马将近二十几天的学习中，对于技术对于互联网由无知到入门。在黑马的学习中从一个小白到了解互联网。这些天的学习主要围绕着网页布局最基本的Html和Css来进行的，Html是组成网页的结构，是一种超文本标记语言，而CSS则是页面的美化工具，能让页面更好的呈现在用户面前。对于技术贴不知道写点什么，就写一点这几天学习常用到的吧。
div 是布局用标签，也就是我们常说的盒子，主要用于网页的布局，在网页编写中会大量的使用。默认宽度为100%块级元素（block），独占一行。
ul{li} 是无序列表，常用标签用作编写排列相似的布局，一般写法为ul中嵌套多个li。这个标签自带样式且因为都为块级元素所以是呈垂直排列，一般使用list-style:none;去掉自带的默认样式。在li中添加float:left;可以将垂直排列变为水平排列。
dl{dd+dt} 是自定义列表，由dl中嵌套兄弟标签dt与dd，一般dd为修饰dt。dl常用作网页底部的帮助导航，与无序列表相同
a 超链接，能实现页面之间的跳转，也可以通过id进行锚点定位。默认自带下划线可以使用text-decoration:none;进行删除默认下划线，行内元素
h1-h6 标题标签分为6个级别，分别是h1/h2/h3/h4/h5/h6作为标题使用，并且依据重要性递减；h1推荐最多使用1次
p 段落标签，一般在文字布局中使用，常用作划分页面的段落,块级元素独占一行。
将元素转化为块级元素：display:block;
将元素转化为行内元素：display:inline;
将元素转化为行内块元素：display:inline-block;
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2