前言：
现在咱们对“html点击按钮跳转页面加了超链接为什么css不能用了”大致比较关切，我们都想要剖析一些“html点击按钮跳转页面加了超链接为什么css不能用了”的相关文章。那么小编也在网络上网罗了一些有关“html点击按钮跳转页面加了超链接为什么css不能用了””的相关文章，希望各位老铁们能喜欢，兄弟们一起来了解一下吧！层叠样式表（CSS）可以扩展HTML的功能，重新定义HTML元素的显示方式
CSS是一种能使网页格式化的标准，使用CSS可以使网页格式与文本分开，先决定文本的格式，再确定文档的内容
定义CSS的语句形式：
selector { property: value; property: value; ...}selector：选择器。有3种，分别是标签选择器（HTML的标签）、类选择器（.class）、ID选择器（#ID ）。优先级：style>ID>class>标签。property：将要修改的属性，如colorvalue：property的值，如color的值可以使red在HTML文档中应用CSS1、行内样式表
<!DOCTYPE HTML><html><head><title>行内样式表例子</title></head><body style="background-color: blue;"><p>网页背景为蓝色</p></body></html>
2、内部样式表
<!DOCTYPE HTML><HTML><HEAD> <STYLE type="text/css"> A {color: red} P {background-color:blue; color:white} </STYLE></HEAD><BODY> <A href="#">CSS示例</A> <P>文字的颜色和背景颜色</P></BODY></HTML>3、外部样式表
创建一个style.css文件：
A {color: red}P {background-color:blue; color:white}引用style.css的HTML文档代码：
<HTML><HEAD> <link rel="stylesheet" type="text/css" href="style.css" /></HEAD><BODY> <A href="#">CSS示例</A> <P>文字的颜色和背景颜色</P></BODY></HTML>
HTML文档中使用link元素引用外部样式表，link元素的属性：
type：被链接文档的MIME类型href：被链接文档（样式表文件）的位置hreflang：被链接文档中的文本的语言media：被链接文档将被显示在什么设备上，默认适用于所有设备rel：当前文档与被链接文档之间的关系。stylesheet指向要导入的样式表的URL颜色和背景
<!DOCTYPE HTML><html><head><title>设置网页背景图</title></head><body style="background-image: url('小龙女.jpg'); background-repeat: repeat;"></body></html>color：设置前景颜色background-color：用来改变元素的背景颜色background-image：设置背景图像的URL地址background-attachment：指定背景图像是否随着用户滚动窗口而滚动，fixed图像固定，scroll图像滚动background--position：改变背景图像的位置，相对于左上角的相对位置background-repeat：平铺背景图像，repeat-x横向平铺，repeat-y纵向平铺，repeat横向和纵向都平铺，norepeat不平铺字体<!DOCTYPE HTML><HTML><HEAD><title>设置字体</title> <STYLE type = "text/css"> H1 {font-family: arial, verdana, sans-serif; font-weight: bold; font-size: 30px;} P { font-family: 宋体; font-weight: normal; font-size: 9px;} </STYLE></HEAD><BODY> <H1> HTML5</H> <P>网页使用Arial（Verdana和Sans-Serif为备用字体）加粗、30px大小的字体作为标题字体<br>使用宋体、9px大小的字体作为正文字体</P> </BODY></HTML>font-family：设置字体，有些字体浏览器不一定支持，可以多定义几种，用逗号分隔font-weight：字体粗细（100~900），lighter较细，normal普通（400），bold粗体，bolder更粗font-size：字体尺寸大小font-style：字体样式，normal普通，bold粗体，italic斜体，oblique倾斜文本属性1、设置文本对齐
<!DOCTYPE HTML><HTML><HEAD><title>文本对齐</title> <STYLE type = "text/css"> /* 居中对齐 */ h1 {text-align:center} /* 左对齐 */ h2 {text-align:left} /* 右对齐 */ h3 {text-align:right} /* inherit：指定从父元素继承text-align属性的值 */ </STYLE></HEAD><BODY> <H1>曾也疯1</H1> <H2>曾也疯2</H2> <H3>曾也疯3</H3></BODY></HTML>2、设置文本修饰
<!DOCTYPE HTML><HTML><HEAD><title>文本修饰</title> <STYLE type = "text/css"> /* 上划线 */ h1 {text-decoration:overline} /* 删除线 */ h2 {text-decoration:line-through} /* 下划线 */ h3 {text-decoration:underline} /* 闪烁文本 */ h4 {text-decoration:blink} /* none：默认值，标准文本。inherit：指定从父元素继承 */ </STYLE></HEAD><BODY> <H1>曾也疯1</H1> <H2>曾也疯2</H2> <H3>曾也疯3</H3> <H4>曾也疯4</H4></BODY></HTML>3、文本缩进
P { text-indent:50px;}4、文本字间距
<STYLE type = "text/css"> p.spread {word-spacing: 30px;} p.tight {word-spacing: -0.5em;} </STYLE>正值，字间距增大，负值，字间距缩小
5、文本行间距
<!DOCTYPE HTML><HTML><HEAD><title>行间距</title> <STYLE type = "text/css"> p.small {line-height:90%} p.big {line-height:200%} </STYLE></HEAD><BODY> <H1> HTML5</H1> <P class="small">头条号曾也疯，头条号曾也疯，头条号曾也疯，头条号曾也疯，头条号曾也疯，头条号曾也疯，头条号曾也疯，<br></P><P class="big"> 头条号曾也疯，头条号曾也疯，头条号曾也疯，头条号曾也疯，头条号曾也疯，</P> </BODY></HTML>正值，行间距增大，负值，行间距缩小
6、文本方向
<style type="text/css"> div.one { /* 默认值，从左到右 */ direction: ltr } div.two { /* 从右到左 */ direction: rtl } /* inherit从父元素继承*/ </style>7、处理文本中的空白符
<style type="text/css"> p { white-space: nowrap } </style>normal：默认值，忽略空白nowrap：文本不会换行，会在同一行继续，知道遇到<br>标签为止pre：保留空白，不会自动换行，类似于<pre>标签pre-wrap：保留空白符序列，但正常换行pre-line：合并空白符序列，但保留换行符inherit：从父元素继承超链接<!DOCTYPE HTML><html><head><title>超链接</title></head><style type="text/css"> A {color: red; font-family: 宋体; font-weight: normal; font-size: 9px;}</style><body> <A href=";>跳转百度</A></body></html>不显示下划线<style type="text/css">a {text-decoration:none;}</style>a:link：未访问过的超链接a:hover：鼠标指针放上去、悬停状态时的超链接a:active：鼠标点击时的超链接a:visited：访问过的超链接
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
