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>

      

  • 相关阅读:
    平台化软件的设计与应用前景分析
    SNF.Net 快速开发平台Spring.Net.Framework 诞生的由来与规划
    成功的10大策略
    要想有什么样的成就就要有什么样的眼光-SNF快速开发平台
    技术到管理岗位的角色转换:从优秀骨干到优秀管理者
    linux常用命令积累
    centOS 虚拟机设置固定IP:图形化设置
    单例模式的常见应用场景
    java获取对象属性类型、属性名称、属性值
    dubbo main方法启动
  • 原文地址:https://www.cnblogs.com/hxsyl/p/2837918.html
Copyright © 2011-2022 走看看