CSS学习记录

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css">
    h2{height: 100%; width:100%; background-color:yellow;color:red;
    font-size:50px;}
    li{color:red; list-style-image:url(li03.jpg); text-decoration:underline;}

    </style>
    <script type="text/javascript"></script>
</head>
<body>
<h2>中国古代的四代美女<h2>
    <ul>
        <li>西施</li>
        <li>王昭君</li>
        <li>貂蝉</li>
        <li>杨贵妃</li>

    </ul>
</body>
</html>

li{color:red; list-stay-image:url(li103.jpg); text-decoration:underline}

li{color:red; liststyle-image:url(li103.jpg);text-decoration:underline}

css代码里面不能出现<>  写在<style>里面用什么方法可以流畅打出代码哦??????????          打了很多次,太容易忘记了!  该如何克服呢?
时间: 2024-11-08 20:16:42

CSS学习记录的相关文章

pure.css 学习记录

兼容性记录: IE 8+ Latest Stable: Firefox, Chrome, Safari iOS 6-8 Android 4.x 处理兼容性 <!--[if lte IE 8]> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-old-ie-min.css"> <![endif]--> <!--[

CSS学习记录——表格

HTML部分 表格 表格由 table标签来定义.每个表格均有若干行(由 tr 标签定义),每行被分割为若干单元格(由 td标签定义).字母 td 指表格数据(table data),即数据单元格的内容.数据单元格可以包含文本.图片.列表.段落.表单.水平线.表格等等. <table> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> &

html+css学习记录1

在html中,写再多的空格,浏览器也会将其解析成一个空格,可以用<br/>来换行 <hr/>也是一个字节数标签,可以生成一条水平线. 在html中一些 如 <   >这种特殊字符是不能直接使用的,但是我么可以通过一些特殊的符号来表示这些特殊字符,这些特殊字符称之为实体(转义字符串).实体的语法:&+实体的名字+:  小于号<    :<  大于号  ><   空格     版权符号  ©  等等 实体可以去文档中去找 img  中alt的

精通css学习记录

#字体 * 无衬线字体(Sans-serif):Helvetica,Arial,'Lucida Family',Verdana,Tohoma,'Trebuchet MS'  * 有衬线字体(Serif):Georgia,Times  * 等宽字体(monospace),常用于计算机书籍的代码板块,每个字母宽度相等  * 梦幻(fantasy)和草体(cuisive)在网页上不常用,因为浏览器间差异大  * 中文:宋体.微软雅黑.华文细黑 #背景图像 background-position:使用p

jQuery Moblile Demos学习记录Theming、Button、Icons图标,脑子真的不好使。

jQuery Moblile Demos学习记录Theming.Button.Icons图标,脑子真的不好使. 06. 二 / Jquery Mobile 前端 / 没有评论 本文来源于www.ifyao.com禁止转载!www.ifyao.com 一CSS Framework块 Theming 是一个整体了解默认主题和内置的A-E主题各个效果.待解决问题,自定义主题,下边是一个知识点. http://www.w3cschool.cc/jquerymobile/jquerymobile-them

jQuery学习记录1

jquery 和 js css里面都是坑呀 this.style.backgroundColor 和 css {background:#8df;} 是冲突的,用了前者,再$(this).addClass("css class name");效果显示不出来. http://youchenglin.iteye.com/blog/685026 前他的一些内容参见下列代码 <!DOCTYPE html> <html> <head> <meta char

JavaScript学习记录day1

JavaScript学习记录day1 学习 javascript JavaScript学习记录day1 1. 快速入门 2. 编程工具 3. 语法 4. 注释 5. 大小写 JavaScritps 是什么? JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 在Web世界里,只

Spring Boot学习记录(三)--整合Mybatis

Spring Boot学习记录(三)–整合Mybatis 标签(空格分隔): spring-boot 控制器,视图解析器前面两篇都已弄好,这一篇学习持久层框架整合. 1.数据源配置 数据源使用druid,maven引入相关依赖,包括spring-jdbc依赖,mysql依赖 1.转换问题 配置的过程要学会为什么这样配置,而不是只学会了配置.这里我们可以和以前的配置方式对比: 以前版本 <!--配置数据库连接池Druid--> <bean id="dataSource"

Spring Boot学习记录(二)--thymeleaf模板

Spring Boot学习记录(二)–thymeleaf模板 标签(空格分隔): spring-boot 自从来公司后都没用过jsp当界面渲染了,因为前后端分离不是很好,反而模板引擎用的比较多,thymeleaf最大的优势后缀为html,就是只需要浏览器就可以展现页面了,还有就是thymeleaf可以很好的和spring集成.下面开始学习. 1.引入依赖 maven中直接引入 <dependency> <groupId>org.springframework.boot</gr