<html>

    <!--

        . 给整个页面填一个一个背景

        . 给em添加一个样式样倾斜效果消失

        . 改变第一层UL的样式为蓝色，16px

        . 改变第二层的UL的样式为红色 14px

        . 改变body下面的ul下面的li下面的ol下面的li为#f8f8f8

    -->

    <head>

            <title>网页设计课程</title>

            <style type="text/css">

                body{background-color:#0af;}

                ul .li1{color:blue;font-size:16px;}

                ul .li1 #id1{color:red;font-size:14px;}

                ul .li1 #id1 li{color:black;}

                ul .li1 ol li{color:#f8f8f8}

                h2 em{font-style:normal}

            </style>

    </head>

    <body>

        <h2><em>网页设计课程</em></h2>

        <p>欢迎大家学习网页设计课程</p>

        <ul>

            <li class="li1">在这里，你可以学到：

                <ul>

                    <li id="id1">HTML</li>

                    <li id="id1">CSS

                        <ul>

                            <li>CSS初级</li>

                            <li>CSS中级</li>

                            <li>CSS高级</li>

                        </ul>

                    </li>

                    <li id="id1">JavaScript</li>

                </ul></li>

            <li class="li1">你还可以学习到：

                <ol>

                    <li>fireworks</li>

                    <li>flash</li>

                    <li>dreamweaver</li>

                </ol>

            </li>

        </ul>

    </body>

</html>

1.行内式

<h1 style=“color:white; background-color:blue”>这是一行文本/h1>
2.嵌入式

<style type="text/css">

h1{

color:white;

LINE-HEIGHT: 90%; MARGIN-TOP: 5.76pt; TEXT-INDENT: -0.38in; unicode-bidi: embed; DIRECTION: ltr; MARGIN-BOTTOM: 0pt; MARGIN-LEFT: 0.38in; VERTICAL-ALIGN: baseline; language: zh-CN; mso-line-break-override: restrictions; punctuation-wrap: simple">  }

</style>

3.导入式

<style type="text/css">

　@import"mystyle.css";

</style>

4.链接式

<link href="mystyle.css" rel="stylesheet" type="text/css" />

CSS的选择器

1.标记选择器
2.类别选择器
3.ID选择器
4.“交集”选择器    
5.“并集”选择器      p,.p1{xxxxxx}
6.“后代”选择器      p .p1{ xxxxx }

CSS的基本操作的更多相关文章

  1. css的基本操作学习--css样式，选择器，hover，文字属性，文本属性，背景

    什么是css? 通配符选择器 <head> /* *通配符选择器 匹配任何元素 */ *{ margin: 0; padding: 0; } </head> css样式有三种 ...

  2. Matplotlib数据可视化（3）：文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  3. css属性编写顺序+mysql基本操作+html细节（个人笔记）

    css属性编写顺序: 影响文档流的属性(比如:display, position, float, clear, visibility, table-layout等) 自身盒模型的属性(比如:width ...

  4. HTML&CSS基础-ps的基本操作

    HTML&CSS基础-ps的基本操作 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任.   我们工作中可能会经常需要将一个图片做成一个网页,而图片中的字体大小,行间距,图中lo ...

  5. web前端基础知识-（二）CSS基本操作

    1. 概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化. 存在方式有三种:元素内联.页面嵌入和外部引入,比较三种方式的优缺点. 语法:style ...

  6. python css基本操作

    1. 概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化. 存在方式有三种:元素内联.页面嵌入和外部引入,比较三种方式的优缺点. 语法:style ...

  7. css 的一些基本操作

    日常基本使用的一些操作,持续完善中: 设置按钮圆角:border-radius:5px; 设置高度:height: 30px; 设置宽度:width: 64px; 使用span标签内容过长自动换行解决 ...

  8. [.net 面向对象程序设计深入]（6）.NET MVC 6 —— 模型、视图、控制器、路由等的基本操作

    [.net 面向对象程序设计深入](6).NET MVC 6 —— 模型.视图.控制器.路由等的基本操作 1. 使用Visual Studio 2015创建Web App (1)文件>新建> ...

  9. sqlite嵌入式数据库C语言基本操作(1)

    sqlite嵌入式数据库C语言基本操作(1) :first-child{margin-top:0!important}img.plugin{box-shadow:0 1px 3px rgba(0,0, ...

随机推荐

  1. Java获取字符串编码方式

    直接下载吧: http://files.cnblogs.com/files/xiluhua/BytesEncodingDetectTool.rar

  2. session 加入redis的实现代码方式

    session,中文经常翻译为会话,其本来的含义是 指有始有终的一系列动作/消息,比如打电话时从拿起电话拨号到挂断电话这中间的一系列过程可以称之为一个session.有时候我们可以看到这样的话&quo ...

  3. Nginx使用手册目录

    Nginx学习总结[第一篇]: Nginx简介 Nginx第二篇:Nginx部署及使用 Nginx第三篇:Nginx日志处理 Nginx第四篇:Nginx优化 Nginx第五篇:Nginx日常管理

  4. window下appserv组合包配置asp标记风格与简短风格

    php一共有四种编码风格 分别为 :XML风格,脚本分铬,简短风格,ASP风格 如果要配置asp标记风格与简短风格,需要在php.ini文件中配置. 打开文件的位置C:\ window\php.ini ...

  5. opencv通过dll调用matlab函数，图片作为参数

    [blog 项目实战派]opencv通过dll调用matlab函数,图片作为参数                   前文介绍了如何“csharp通过dll调用opencv函数,图片作为参数”.而在实 ...

  6. 《利用python进行数据分析》读书笔记--第十章 时间序列（三）

    7.时间序列绘图 pandas时间序列的绘图功能在日期格式化方面比matplotlib原生的要好. #-*- coding:utf-8 -*- import numpy as np import pa ...

  7. 对于数据包的截取，使用linux中的netfilter钩子函数

    http://blog.csdn.net/wswifth/article/details/5115358 在师哥的代码(packet.c)中使用的是Linux2.4内核中的一个子系统:netfilte ...

  8. JAVA基础知识之网络编程——-基于AIO的异步Socket通信

    异步IO 下面摘子李刚的<疯狂JAVA讲义> 按照POSIX标准来划分IO,分为同步IO和异步IO.对于IO操作分为两步,1)程序发出IO请求. 2)完成实际的IO操作. 阻塞IO和非阻塞 ...

  9. Android：onNewIntent()触发机制及注意事项

    一.onNewIntent() 在IntentActivity中重写下列方法:onCreate onStart onRestart  onResume  onPause onStop onDestro ...

  10. 解决maven项目将model version改成3.0版本问题

    找到项目目录,找到.setting文件 找到org.eclipse.wst.common.project.facet.core.xml文件 修改如下标签 <installed facet=&qu ...