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>

      

  • 相关阅读:
    Nancy之静态文件处理
    Nancy之基于Self Hosting的补充小Demo
    Nancy之基于Nancy.Owin的小Demo
    Nancy之基于Nancy.Hosting.Self的小Demo
    Nancy之基于Nancy.Hosting.Aspnet的小Demo
    UEditor 1.4.3.1.NET版本上传配置备忘录
    ASP.NET MVC使用SSI来实现页面静态化
    CentOS7上让Jexus开机自启动
    遗传算法的简单应用-巡回旅行商(TSP)问题的求解
    遗传算法的简单应用-求解方程
  • 原文地址:https://www.cnblogs.com/hxsyl/p/2837918.html
Copyright © 2011-2022 走看看