谈谈那些HTML,CSS被忽视的细节
-
标题标签最多只有6个
<hn></hn>
h1-h3都是网页关键字,在一个网页中使用次数不得超过三次(网站关键词就是一个网站给首页设定的以便用户通过搜索引擎能搜到本网站的词汇,网站关键词代表了网站的市场定位.)
例如:
<meta name="keyword" content="淘宝"/>
-
列表标签dl下的dt是有一定默认外边距,p标签同样,使用要记得调整
-
网页body默认有6px的左,上边距,我们也可以加
*{ margin:0;padding:0}
来解决 -
有些时候感觉标签不够用的时候可以把em,i,b的原有属性消除掉,用法如span.写法如下:
em,i,b{font-style:normal;font-weight:400;}
白白多了三个内联元素,是不是很神奇.
-
关于权重值:一般出现在标签嵌套时
!important=正无穷大(一般用来检测权重值)
id=100
class=10
elm=1 -
关于表单
表单是网页上唯一一个能获取用户信息的组件.
-
选择器的关系
div+p{}找到与div相邻的第一个p,赋予css属性
div~p{}找到与div相邻的全部p(若干p中穿插别的标签不影响),
赋予css属性.
-
关于opcity和rgba
opacity: 0.5;—连同盒子中的文本都会透明----用于盒子透明
rgba(r,g ,b,opacity)—盒子中的文本不透明----用于文本不透明,盒子透明.
-
关于表格,单元格合并
rowspan=“4—纵向合并单元格–跨行”
colspan=“3—横向合并单元格–跨列”
-
斜体
font-style : oblique-倾斜,italic-斜体
斜体(italic)是一种简单的字体风格,对每个字母的结构有一些小改动,来反映变化的外观。
与此不同,倾斜(oblique)文本则是正常竖直文本的一个倾斜版本 -
行间距
行间距一般是用
line-height:30px;
(当前容器的高度),
字间距:
letter-spacing:1px;
别忘了垂直居中:vertical-align
属性它可以将文字和图片一并居中