css基本框架

index.html
 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8" />

         <title></title>

         <!--

             描述：外部样式

                     创建一个外部样式表文件，并用link元素引用

         -->

         <link href="css/easy_css_demo.css"  type="text/css" rel="stylesheet"/>

         <!--

             描述：文档内嵌样式

                     使用style元素，编写一个选择器和一组样式声明

         -->

         <style>

             p{

                 background-color: aqua;

             }

         </style>

     </head>

     <!--

         描述：元素内嵌样式

                 用style属性创建元素内嵌样式

     -->

     <body style="background-color: #808080;">

         <p>段落</p>

         <a href="http://www.baidu.com"> 百度</a>

     </body>

 </html>


easy_css_demo.css




 /*

  * 用@import语句，将other_css.css从导入到当前样式表

  *    （一个样式表中想要导入多少别的样式表都行，为每个样式表使用@import语句即可）

  *

  * */

 @import "other_css.css";

 /*css基本框架

 * css样式    ：

 *    property：value;

 */

 a{

     text-decoration: none;

 }














CSS属性




描述








background-color




设置元素背景色








border




设置围绕元素的边框








color




设置元素的前景色








margin




设置元素内边距（元素内容与边框之间的距离）








padding




设置元素外边距（元素边框以外的距离）








width




设置元素宽度








height




设置元素高度








font-size




设置元素文字字号








text-decoration




设置元素文字的装饰效果






												


											
初探CSS的更多相关文章
	

    
						
  1. 精通CSS+DIV网页样式与布局--初探CSS
		
    CSS英文名Cascading Style Sheet,中文名字叫层叠样式表,是用于控制页面样式并允许将样式信息与网页内容分离的一种标记性语言,DIV+CSS是WEB设计标准,它是一种网页的布局方法. ...
    
		
    2. 
								
  2. 初探css -11 Table表格
		
    CSS 表格 使用 CSS 可以使 HTML 表格更美观. Company Contact Country Alfreds Futterkiste Maria Anders Germany Bergl ...
    
		
    3. 
						
  3. 初探CSS - 5 创建
		
    CSS 创建 当读到一个样式表时,浏览器会根据它来格式化 HTML 文档. 如何插入样式表 插入样式表的方法有三种: 外部样式表(External style sheet) 内部样式表(Interna ...
    
		
    4. 
						
  4. 初探CSS -3 语法
		
    CSS 语法 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...
    
		
    5. 
						
  5. Atitit.html css  浏览器原理理论概论导论attilax总结
		
    Atitit.html css  浏览器原理理论概论导论attilax总结 1.1. 浏览器是怎样工作的:渲染引擎,HTML解析(连载二)1 2. 5.1.1 DOM标准 1011 3. <We ...
    
		
    6. 
						
  6. 精通CSS+DIV网页样式与布局--图片效果
		
    提到图片效果,小伙伴们可能会想到美图秀秀,ps等,这些软件都是款非常不错的照片处理软件,包括常用的:黑白,增强,高斯,高对比,夜视,老照片和铅笔画等等.不管你是否是专业的 照片拍摄人员,我们都可以通过 ...
    
		
    7. 
						
  7. 前端-form表单与CSS
		
    目录 form表单 表单属性 label标签 input标签 select 下拉框标签 textarea多行文本 提交 Flask 结合form表单 初探 CSS介绍以及基本选择器 基本选择器 组合选 ...
    
		
    8. 
						
  8. CSS3_边框 border 详解_一个 div 的阴阳图
		
    (面试题) 怎么样通过 CSS 画一个三角形: 1. 元素的 width 和 height 设置为 0 2. 边框 足够大     3. 需要的三角形的部分, border-top-color 设置为 ...
    
		
    9. 
						
  9. 《MarkMark学习笔记学习笔记》html学习笔记
		
    iframe里有一个srcdoc属性,很有用! window.location.href=document.referrer//可以实现返回上一级页面并刷新 HTML5权威指南©®,比较老的书了,有些 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 检查DOM能力的函数
			
    var a=document.implementation.hasFeature("Core","2.0"); var b=document.implement ...
    
			
    2. 
						
  2. QT学习：入门篇（三）
			
    头文件: #ifndef CChatDisplaySet_h #define CChatDisplaySet_h #include "QtGui/QDialog" #include ...
    
			
    3. 
						
  3. thrift之TTransport类体系原理及源码详细解析1-类结构和抽象基类
			
    本章主要介绍Thrift的传输层功能的实现,传输的方式多种多样,可以采用压缩.分帧等,而这些功能的实现都是相互独立,和上一章介绍的协议类实现方式比较雷同,还是先看看这部分的类关系图,如下: 由上面的类 ...
    
			
    4. 
						
  4. A Bug's Life(hdu1829种类并查集)
			
    题意:有一群虫子,现在给你一些关系,判断这些关心有没有错 思路:向量种类并查集,下面讲一下向量的种类并查集 本题的各个集合的关心有两种0同性,1异性,怎么判断有错, 1.先判断他们是否在一个集合,即父 ...
    
			
    5. 
						
  5. linux定时任务crond那些事！
			
    1.定时任务crond介绍 1.1 crond是什么 crond是linux系统中用来定期执行命令或指定程序任务的一种服务或软件. 特殊需求:(秒级别)crond服务就无法搞定了,一般工作中写脚本守护 ...
    
			
    6. 
						
  6. phpstorm 2016.1注册码
			
    phper 享受生产PHP Web开发phpStorm.利用深代码理解,一流的编码的援助,并支持所有主要的工具和框架. 先看看 phpstorm 2016.1 带来那些新变化呢? 1,更好的PHP语言 ...
    
			
    7. 
						
  7. app 测试点
			
    以下所有测试最后必须在真机上完整的执行1.安装.卸载测试 在真机上的以及通过91等第三方的安装与卸载 安装在手机上还是sd卡上 2.启动app测试3.升级测试 数字签名.升级覆盖安装.下载后手动覆盖安 ...
    
			
    8. 
						
  8. Selenium IDE测试
			
    判断WEB程序是否能打开页面,并且打开了正确的页面,可以通过 assertTitle和assertLocation进行判断 并且这些操作不需要提供value. target就是期望的URL和页面标题, ...
    
			
    9. 
						
  9. 转：MFC 的程序中GetAt()的理解
			
    BYTE 是 1字节长度 的 整型, int 是 4 字节长度 的 整型. CString::GetAt(0); 就是把 一个 CString 对象里 的字符串 中的第一个字符,把它的ASCII 值  ...
    
			
    10. 
						
  10. MVC route 和 Angular router 单页面的一些方式
			
    直接看代码和注释吧 ASP.NET MVC router public class RouteConfig { public static void RegisterRoutes(RouteColle ...
    
			
    11.