CSS学习

原创 2017年01月03日 21:18:38
CSS : 层叠样式表 
1,作用 : 美化Html页面
2,css的3种写法
a,行间样式表
<div style = "width:200px; height : 100px; border:1px solid red;"> 123 </div>
b,内部样式表
<head>
<title> html学习 </title> 
<style type="text/css">
#aaa{width:400px;height:300px;border:2px solid blue; }
</style>
</head>
<div id="aaa">456</div>
c,外部样式表 样式代码专门放到一个文件中,由html网页调用
css文件 {width:200px;height:150px;border:3px solid yellow;background:pink;}
html文件: rel="stylesheet" rev="stylesheet" href = "abc.css">
                    <div id="bbb">789</div>
3,选择器
标签选择器
id选择器
类选择器
<html>
  <head>
    <title>css_Study</title>
    <style type="text/css">
 
                p{font-size : 30px;color:red;}
                div{width:200px;height:30px;border:1px solid red}
                #aaa{color:green }
                .cls{text-decoration:underline}
</style>
  </head>
  <body>
    <p>这是一个p标签</p>
    <div>这是一个div标签</div>
    <a id="aaa">这是一个a标签</a>
<br/>
    <div class="cls">这是一个div标签</div>
  </body>
</html>





相关文章推荐

xml与css的学习

  • 2015年06月02日 10:19
  • 617KB
  • 下载

Html和css学习简易教程

  • 2014年12月08日 16:00
  • 355KB
  • 下载

Metro UI CSS 学习笔记之组件(侧边栏)

Metro UI CSS Demo案例 ...

css2中文手册学习

  • 2015年07月08日 21:15
  • 243KB
  • 下载

div+css 不错的学习实例

  • 2015年10月22日 16:18
  • 33.04MB
  • 下载

<CSS设计指南> 学习总结 -- 页面布局

布局的基本概念 多栏布局有三种基本的实现方式:固定宽度、流动、弹性 1. 固定宽度:该布局的大小不会随用户调整浏览器窗口大小而变化,一般是900到1100像素宽。其中960像素是最常见的,...

CSS高级学习教程

  • 2014年09月11日 15:27
  • 1.13MB
  • 下载

html和css学习笔记

  • 2015年03月16日 15:46
  • 47KB
  • 下载

学习整理——html+css+js可拖动进度条

问题 实现可拖动的进度条,类似于播放器那样。由于主要是应用在手机上,所以某些接口会因为浏览器内核的不同有所不同,没有做兼容性测试。Demo的平台为Android4.4,webview内核的话应该是c...

css学习笔记

  • 2013年07月19日 17:45
  • 794KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS学习
举报原因:
原因补充:

(最多只允许输入30个字)