HTML中去除a标签的默认样式

HTML中去除a标签的默认样式,第1张

在HTML页面中总会遇到比较恼人的麻烦,比如a标签在浏览器下默认的下划线跟字体颜色:

1.在div标签中的a标签和在浏览器下的样式:

2.通过css查找到div里面的a标签,再通过text-decoration属性,去除默认下滑线,color属性添加颜色:

完工。

1、块状元素

块级元素是指本身属性为display:block的元素。因为它自身的特点,我们通常使用块级元素来进行大布局(大结构)的搭建。  

布局上:独占一行,可以容纳内联元素和其他块元素

 样式上:设置width、height有效,可以设置盒子模型的相关css属性,

 在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度

 在不设置高度的情况下,块级元素的高度是它本身内容的高度

2、 行内元素:

内联元素是指本身属性为display:inline的元素。因为它自身的特点,我们通常使用块级元素来进行文字、小图标(小结构)的应用。     

布局上:和其他元素从左到右在一行排列,只能容纳文本或者其他内联元素(不要在内联元素中嵌套块级元素)

样式上:不能直接控制width、height,只能使用盒模型部分属性,如padding、line_height、margin-left、margin-right。

内联元素的宽高是由本身内容的大小决定(文字、图标等)

 3、  行内块状元素:尽可能少的占用横向空间,和其他元素都在一行上;可以设置width、height、margin、padding等盒模型相关属性。

         *常用:img、input、td。

               display:block;(将元素变为块级元素)

               display:inline;  (将元素变为行级元素)

               display:inline-block;(将元素变为行级块元素)

       a. 块元素特立独行;内联元素随波逐流。

       b.块元素通常用作网页的主要构建模块,而内联元素常用来标记小段内容(修饰文本)

       c.设计一个页面时,一般从较大的块开始 ,然后完善页面的时候再加入内联元素。      

       d. 对标签能够清晰的分类,掌握标签的特性,在选择标签时避免犹豫不决,提高布局效率。

HTML5新结构标签

HTML5-新的属性语法

HTML5图形

HTML5音视频标签

对本地离线存储的更好的支持

新的表单控件,比如 calendar、date、time、email、url、search

移除的元素:

纯表现的元素:basefont,big,center,font, s,strike,tt,u

 对可用性产生负面影响的元素:frame,frameset,noframes;

支持HTML5新标签 : IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim

<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

用法1:

用法2:

参数含义

CSS中关于P标签中的样式:

1、font-family:浏览器在显示字体的时候,依次判断是否支持当前的字体,直到最后的字体系列。

font-family:"宋体","仿宋",sans-serif 浏览器若不支持宋体,则用仿宋;若不支持仿宋,则在sans-serif中找。

2、font-weight:确定字体的粗细

font-weight: bold

bold:加粗;bloder:深度加粗;lighter:细体;

3、font-size:字体的大小,默认字体大小是16px

font-size:200%

4、font-style:字体的显示样式

font-style: italic

italic:斜体; normal:正常

5、color:字体颜色

color: red

6、opacity:字体的透明度

opacity:0.5 1:默认样式;0:全透明

7、居中p标签字体居中的方法。首先p标签给出宽和高,呈块状显示,水平居中属性text-align: center垂直居中line-height: px这里的line-height值和你给p标签的高度值是同一个值。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7240770.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存