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. zepto源码研究 - zepto.js - 6(模板方法)
			
    width  height  模板方法   读写width/height ['width', 'height'].forEach(function(dimension){ //将width,hegih ...
    
			
    2. 
						
  2. 武汉科技大学ACM ：1005: A+B for Input-Output Practice (V)
			
    Problem Description Your task is to calculate the sum of some integers. Input Input contains an inte ...
    
			
    3. 
						
  3. javascript的navigator对象
			
    navigator 对象 转载: http://www.itlearner.com/code/js_ref/brow1.htm 包含了正在使用的 Navigator 的版本信息. 客户端对象   实现 ...
    
			
    4. 
						
  4. 快速入门cocos2d-x jsbinding
			
    如果你是一个cocos2d-x的老手,那你可以忽略这篇博文,如果你是一个接触过javascript,想通过HTML5做游戏的,但是苦于不知道如何下手,那么这篇博文可能会帮到你. cocos2dx-js ...
    
			
    5. 
						
  5. Memcached使用手册
			
    memcached简介 1.memcached是一个高性能的分布式的内存对象缓存系统,通过在内存里维护一个统一的巨大的hash表,它能够用来存储各种格式的数据,包括图像.视频.文件以及数据库检索的结果 ...
    
			
    6. 
						
  6. Swift—默认构造函数-备
			
    结构体和类的实例在构造过程中会调用一种特殊的init方法,称为构造函数.构造函数没有返回值,可以重载.在多个构造函数重载的情况下,运行环境可以根据它的外部参数名或参数列表调用合适的构造函数.默认构造函 ...
    
			
    7. 
						
  7. 汇编下的i++与++i
			
    故事背景,一个正在c语言的家伙,问我++i 和 i++的问题,我当时因为要去上课没给他说,正好今晚有空就测试了一下如下代码: 编译环境:VS2010  语言:C++ #include <iost ...
    
			
    8. 
						
  8. AE模板替换-众多图片沿着球体旋转!与您分享
			
    AE-模板替换<众多图片沿球体旋转>效果的视频        近日,本人又一次做了AE的[图片替换]的模板尝试,本人感觉:预览视频时发现的效果较新颖,也有些气势;就是短了些,我安排了,&q ...
    
			
    9. 
						
  9. [LeetCode 116 117] - 填充每一个节点的指向右边邻居的指针I & II (Populating Next Right Pointers in Each Node I & II)
			
    问题 给出如下结构的二叉树: struct TreeLinkNode { TreeLinkNode *left; TreeLinkNode *right; TreeLinkNode *next; }  ...
    
			
    10. 
						
  10. C++中基于Crt的内存泄漏检测（重载new和delete，记录在Map里）
			
    尽管这个概念已经让人说滥了 ,还是想简单记录一下, 以备以后查询. #ifdef _DEBUG#define DEBUG_CLIENTBLOCK   new( _CLIENT_BLOCK, __FIL ...
    
			
    11.