css笔记(1)

原创 2006年06月06日 09:58:00

css语法
selector{property:value;}

property和value都是css中定义的

 

selector的种类

  • 普通(如p,h1,body)
  • 类(如.myclass)
  • id(如#myid)
  • 子对象(如ul>li)
  • 包含(如div p)
  • 多个(如p,h1,div)
  • 伪类,css定义了一些叫作伪类的符号,用于特定的tag,表示特定的含义,好在伪类并不多,如a:hover
    以上可以组合,如 div p.myclass#myid

.继承的问题
对与margin,padding,border属性,属于block类型的tag是不能继承的.如p,h1,body 

使用css的方法

  • 在html的head中连接css文件<link rel="stylesheet" href="home.css" type="text/css" media="all"/>
  • 在html的head中使用<style>
    <style>
    p{font:12px; color:#ff00ff;}
    </style>
  • 在html的tag里使用style属性<p style="font:12px;">Hello</p>
  • 使用@import导入文件,适用于css文件中和第二中方法中

相关文章推荐

css笔记1如何定义样式

  • 2013年06月03日 15:55
  • 6KB
  • 下载

css 笔记1

  • 2008年02月28日 10:18
  • 7KB
  • 下载

jquery 笔记集合1 选择器 CSS样式 函数 事件 节点

//    1.$(' 标签名 / id属性名 / class属性名 / * ')          $('p').css('color','red'); //    2.属性选择器       ...

sass笔记-1|Sass是如何帮你又快又好地搞定CSS的

Sass学习笔记持续整理中,开篇不讲怎么安装,sass是什么,这些搜索引擎会告诉你,我们从sass的作用开始讲起,知道sass用来干什么,有什么作用,我们才能相信用sass的好处,并且时时刻刻想着sa...

JavaEE学习笔记--CSS(1)

CSS

Head First HTML&CSS 笔记(1)

9. 盒模型 demo p { /*背景颜色青绿色*/ background-color: #a7cece padding: 20px; ...

《CSS权威指南》读书笔记1

《CSS权威指南》

html及css学习笔记_1_html语法

目标:可以写一个商户表,能使用三种CSS选择器。未学猜测:Html是标签语言浏览器工具:Opera、IE、Chrome、Fox 开发工具:记事本html与普通文本(如:txt文档)的区别: 1.h...

CSS3笔记1 — 文字阴影、边框阴影、自动换行

1. 文字阴影CSS: h1 { text-shadow: 15px 15px 1px #ccc; } html: 文字阴影 解析: text-shadow : x y r c...

CSS 笔记1

1.display:inline 内联元素 display:block 块级元素 区别,inline两个div在一起不会换行http://www.w3school.com.cn/tiy/t.asp...
  • wuha555
  • wuha555
  • 2015年12月16日 17:04
  • 183
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css笔记(1)
举报原因:
原因补充:

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