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. html中window对象top 、self 、parent 等属性
			
    window对象用法: http://www.w3school.com.cn/htmldom/dom_obj_window.asp top 属性返回最顶层的先辈窗口. 该属性返回对一个顶级窗口的只读引 ...
    
			
    2. 
						
  2. 解决Windows服务1053错误方法
			
    WCF使用MSMQ绑定寄宿在Windows服务上,但启动服务时出现1053错误 在网上搜索了N多解决方案,都是比较高深的扯到原理和系统bug等问题 看了看到最后也没有解决,最终我决定使用一个比较山寨的 ...
    
			
    3. 
						
  3. 让你分分钟学会 JS 闭包
			
    闭包,是 javascript 中重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,你很难从定义去理解它.因此,本文不会对闭包的概念进行大篇幅描述 ...
    
			
    4. 
						
  4. ecos之widget
			
    weekbuy:widget.php<?php $setting['author']='zhang'; $setting['name']='周末购'; $setting['version']=' ...
    
			
    5. 
						
  5. XDubg的配置与应用
			
    XDUG调试器配置与应用 1.什么是xbug xbug是一个开发源代码的php程序员调试器,可以用来跟踪,调试和分析Php程序的运行状况. Xbug(free) ZendDebugger(need m ...
    
			
    6. 
						
  6. 细说PHP优化那些事
			
    我们在用PHP编程的时候,总是想要使自己的程序占用资源最小,运行速度更快,代码量更少.往往我们在追求这些的同时却失去了很多东西.下面我想讲讲我对PHP优化的理解.优化的目的是花最少的代价换来最快的运行 ...
    
			
    7. 
						
  7. mysql   innerjoin  left join   right join 解析
			
    毕业半年多时间,一直都没有学习好join  之前一直是先从一个表里面取出数据然后,然后再从另外一个表里面取出数据,然后再写一个函数循环格式化数据. 还是先写一下学到的东西吧! 转载自w3school  ...
    
			
    8. 
						
  8. xml约束之schema
			
    使用名称空间引入Schema : 通常需要在Xml文档中的根结点中使用schemaLocation属性来指定. <itcast:书架 xmlns:itcast="http://www. ...
    
			
    9. 
						
  9. 01 - 概述 VTK 6.0 迁移
			
    摘要 对vtk版本4和5的管道机制重新架架构的主要目的是:迁移数据对象和算法对象中的管道执行逻辑到一个新集合的类中,我们称这个集合类叫executives.分离数据和执行模型的代码后,可以双双简化修改 ...
    
			
    10. 
						
  10. css的!important规则对性能有影响吗
			
    最近在做项目中发现很多CSS代码里面都使用!important去覆盖原有高优先级的样式.按照常理来说,越是灵活的东西,需要做的工作就会更多.所以想当然的认为像!important这样灵活.方便的规则如 ...
    
			
    11.