码迷,mamicode.com
首页 > Web开发 > 详细

.Net学习笔记----2015-07-14(CSS写入)

时间:2015-07-14 14:59:09      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

1、CSS是Cascading Style Sheet的缩写,中文意思:层叠样式表。

  CSS能让网页制作者有效的定制、改善网页的效果。CSS是对HTML的补充

    CSS实现了网页内容和页面效果的彻底分离

    Ctrl+j 弹出智能提示

2、CSS的几种设置方式

  有三种方式可以将样式表加入到HTML文档中,每种方式都有自己的优缺点

  1)、内联样式表(在标签内设置元素的样式)

  2)、嵌入样式表(需要在head标签内写<style type="text/css"></style>)

  3)、外部样式表   link

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="Testcss.css" rel="stylesheet" />
    <style type="text/css">
        p{
            background:yellow;
            font-size:xx-small;
        }
    </style>
</head>
<body>
    <p style="background:red; font-size:xx-large">今天天气好晴朗,处处是蒸笼</p>
    <p>今天天气好晴朗,处处是蒸笼</p>
    <p>今天天气好晴朗,处处是蒸笼</p>
    <p>今天天气好晴朗,处处是蒸笼</p>

    <tt>床前明月光,疑是地上霜</tt>
</body>
</html>

 3、样式规则的选择器(通过怎样的途径来获得页面上要设置样式的元素)

  1)、HTML Selector

  2)、Class Selector(需要给要设置样式的元素的Class属性赋值)

  3)、ID Selector(需要给要设置样式的元素的id属性赋值)

  4)、关联选择器 PEM{background-Color:Yellow}

  5)、组合选择器 <table></table>

  6)、伪元素选择器

      伪元素选择器是指对同一个HTML 元素的各种状态和其所包括的部分内容的一种定义方式。例如:对于超链接标签<a></a>的正常状态(没有任何动作前)、

      访问过的状态、选中的状态、光标移到超链接文本上的状态,对于段落的首字母和首行,都可以使用伪元素选择器来定义

      常用的有有下几种:

      A:active 选中超链接时的状态

      A:hover 光标移动到超链接上的状态

      A:link 超链接的正常状态

      A:visited 访问过的超链接状态

      P:first-line 段落中的第一行文本

      P:first-letter 段落中的第一个字母

.Net学习笔记----2015-07-14(CSS写入)

标签:

原文地址:http://www.cnblogs.com/mikie/p/4645193.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!