![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
duc_?
(☆_☆)
展开
-
常见html标签:块级元素、行内块级元素、行内元素
常见html标签块级元素:占满整行,元素宽高边距等可设置;(如:div、p、h1~h6、ul、li、ol、form、table、br)行内块级元素:不占满整行,元素宽高边距等可设置;(如:img,input,select,button,textarea)行内元素:不占满整行,宽高、上下边距等不可直接设置;(如:span,i,b,a,strong,s,del)行内元素可以直接设置...原创 2019-07-10 10:34:36 · 704 阅读 · 0 评论 -
table表格(实例):跨行跨列布局
表格 table表头 thead表体 tbody表尾 tfoot行 tr列 td列 th表格属性cellspacing: 单元格与单元格之间的间距cellpadding: 单元格的内边距border: 1 表格边框大小width: 表格宽度单元格属性colspan: 单元格跨列rowspan: 单元格跨行如图: <!--...原创 2019-07-22 12:11:56 · 2934 阅读 · 0 评论 -
html:head标签包含元素——meta标签、link标签等
使手机端正常显示pc页面:<meta name="viewport" content="width=device-width,inital-scale="1" />,inital-scale:页面初始缩放比例设置为1; 字符集设置:<meta charset="utf-8"> :避免页面中文乱码; 设置网页图标,如图 ;使用语句:<link rel...原创 2019-07-11 13:41:27 · 475 阅读 · 0 评论 -
自定义复选框check-box
如图:, <div class="check-box"> <label> <input class="ipt" type="checkbox"> <div class="check"></div> </label> </div>...原创 2019-07-17 08:26:49 · 2191 阅读 · 0 评论 -
优先级问题(权重)
css引入方式内联样式 <div style="css样式"></div> 内部样式 <style> css样式 </style> 外部样式 <link rel="stylesheet" href="样式表链接" />在选择器精度一致时内联样式 > 内部样式 > 浏览器缺省(默认)样式 内联样式 > 外部...原创 2019-07-20 22:48:31 · 661 阅读 · 0 评论 -
html、xml、xhtml、html5
html使用版本:HTML —— XML —— HTML —— XHTML —— HTML4.0.1 —— HTML5html:超级文本标记语言; xml:可扩展的标记语言,标签可自定义 xhtml:严格的html语言,标签必须小写 html5:html4.0.1的升级版...原创 2019-07-22 12:22:54 · 95 阅读 · 0 评论