zoukankan      html  css  js  c++  java
  • CSS

      这是开发课程,一要有固定的练习时间,二要多想多练多练多想,(练习时间:学习时间》2:1)。

      能力就是你的技术和解决问题能力 。

      看了句经典话:结婚证对男人来说是无期徒刑证,是女人的上岗证。

      color后跟颜色名称,可能不被所有浏览器接受,使用十六进制时会被所有浏览器接受。

    <!DOCTYPE HTML>
    <html>
    	<head>
    		<title>html选择器</title>
    		<style type="text/css">
    			p{color:red;font-weight:bold}
    		</style>
    	</head>
    	<body>
    		<p >这是一个段落.</p>
    		
    	</body>
    </html>
    

      

    <!DOCTYPE HTML>
    <html>
    	<head>
    		<title>id选择器</title>
    		<style type="text/css">
    			#test{color:red;font-weight:bold}
    		</style>
    	</head>
    	<body>
    		<p id="test">这是一个段落.</p>
    		
    	</body>
    </html>
    

      

    <!DOCTYPE HTML>
    <html>
    	<head>
    		<title>类选择器</title>
    		<style type="text/css">
    			.test{color:red;font-weight:bold}
    		</style>
    	</head>
    	<body>
    		<p class="test">这是一个段落.</p>
    		
    	</body>
    </html>
    

      

    <!DOCTYPE HTML>
    <html>
    	<head>
    		<title>属性选择器</title>
    		<style type="text/css">
    			[align="center"]{color:blue}
    			[name~="t1"]{color:red}
    			[name|="t"]{color:green}
    		</style>
    	</head>
    	<body>
    		<p align="center" >这是一个段落.</p>
    		<p align="center" name="t t1">这是一个段落.</p>
    		<p align="center" name="t-t1">这是一个段落.</p>
    	</body>
    </html>
    

      

     

    <!直接样式表>
    <!DOCTYPE HTML> <html> <head> <title>直接样式表用法</title> <style type="text/css"> p{color:red;font-size:16pt} </style> </head> <body> <p>这是一个段落.</p> <P>这是另一个段落。</p> </body> </html>

      

    <!内部样式表>
    <!DOCTYPE HTML> <html> <head> <title>内部样式表</title> <style type="text/css"> .test{color:red;font-weight:bold} </style> </head> <body> <p class="test">这是一个段落.</p> </body> </html>

      rel = "stylesheet"表示这是一个css文件。

    <!外部样式表>
    <!DOCTYPE HTML>
    <html>
    	<head>
    		<title>外部样式表</title>
    		<link rel="stylesheet" href="css/home.css" type="text/css" />
    </head> <body> <p >这是一个段落.</p> <p >这是一个段落.</p> </body> </html>

      

  • 相关阅读:
    说一下 JSP 的 4 种作用域?
    CSS jquery 以动画方式显示投票结果图表
    Python动画【偶尔玩玩,挺好】
    关于Python【社区版】爬取网站图片
    Java 发送短信验证码【网建平台】
    Android发送接收短信
    如何在Java面试中介绍项目经验?
    Java面试之项目介绍
    IntelliJ IDEA 如何清理缓存和重启
    java实现支付宝接口-支付流程
  • 原文地址:https://www.cnblogs.com/hxsyl/p/2837918.html
Copyright © 2011-2022 走看看