fanfan page/html && css

file:index.html

<!DOCTYPE html>

<html>

<head>

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

<title>Kris Wu </title>

</head>

<body bgcolor="#99CCFF">

<!--Go bananas!-->

<table>

<thead>

<th colspan="3"><h1>Film Kris porformed</h1></th>

</thead>

<tr>

<td><h2>Somewhere Only We Know</h2></td>

<td><h2>Mr.Six</h2></td>

<td><h2>L.O.R.D</h2></td>

</tr>

<tr>

<td><a href="http://baike.so.com/doc/7477484-7746516.html"><img src="http://p5.qhmsg.com/t01efc8ddabfc83bde7.jpg" /></a></td>

<td><a href="http://baike.so.com/doc/7018439-7241335.html"><img src="http://p3.qhmsg.com/t013bb58da985f88b79.png" /></a></td>

<td><a href="http://baike.so.com/doc/5344669-8712188.html"><img src="http://p8.qhmsg.com/t0163f05597df061a20.jpg" /></a></td>

</tr>

</table>

<p><h1>Kris Wu is also a singer.</h1>

</p>

<table class="my-table">

<tr>

<td><strong>歌曲名称(歌曲说明)</strong></td>

<td><strong>发行时间</strong></td>

</tr>

<tr>

<td><a href="http://bd.kuwo.cn/yinyue/6693016?from=dq360"><span style="color:red">Bad Girl</sapn></a>(原创作词作曲并担任制作人)</td>

<td>2015-11-06</td>

</tr>

<tr>

<td><a href="http://bd.kuwo.cn/yinyue/6774276?from=dq360" ><span style="color:red">花房姑娘</span></a>(电影《老炮儿》推广曲)</td>

<td>2015-12-15</td>

</tr>

</table>

</body>

</html>

file:stylesheet.css


/*Write your CSS below!*/

h1 {

color:#ffcd94;

font-family:crusive;

}

h2 {

color:#ffad60;

font-family:serif;

text-align:center;

}

img {

height: 200px;

width:200px;

}

p {

color:#ffe39f;

font-family:monospace;

}

.my-table {

border: 1px solid #ccc;

border-collapse: collapse;

}

.my-table td {

border: 1px solid blue;

}


display:

fanfan page/html && css

时间: 2024-08-13 12:19:19

fanfan page/html && css的相关文章

My page custom CSS code

目录 My page custom CSS code My page custom CSS code My page customize CSS code for SimpleGamboge blog skin. Adjustment: 1.The picture on the left is replaced by a head image. 2.Expand the width of the left column and reduce the width of the right main

【项目总结】扯一扯电商网站前端css的整体架构设计(1)

最近半忙不忙的写了一个外包网站,网站主要功能是艺术品竞拍和艺术衍生品的销售.工程已经完成了80%左右,现在前后端代码量已经50W行左右,我主要负责的是前端设计和前端布局.下面就先放一个网站的设计图吧,因为涉及到甲方的"商业机密",所以打一下马赛克: 这篇文章主要算是我对于这个项目的总结或者说是对于这阶段自己看的一些前端书或者经验的一个总结吧,所以设计图就不贴那么多了.整个项目的设计图由最开始的ui定了个首页稿基调,剩下的界面大部分都是我在首页稿基础上做出来的,以后有机会再唠.PS:不过

网站设计之合理架构CSS

架构CSS 在当前浏览器普遍支持的前提下,css被我们赋予了前所未有的使命.然而依赖css越多,样式表文件就会变得越大越复杂.与此同时,文件维护和组织的考验也随之而来. (曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂,增删改都很方便——可这种日子早已远去.(现在)建立新网站时,必须花点时间好好筹划怎么组织和架构css. 文件的组织 构建css系统的第一步是大纲的拟定.(我认为)css组织规划的重要性堪比网站目录结构.(注:用词夸张一点,让你加深记忆) 没有哪种方案放之四海而

谈 CSS 模块化

以前看过模块化的相关资料以及解释,对模块化有了一个表皮的了解,自己也做了一些相关的实践,由于接触到的项目交小,所以也没能更好的去体现和理解模块化,但总体还是有那么一些感悟,但是如果要说怎么才能算是好的模块化,自己内心还是一个疑问. 前几天接到一个电话面试,谈到了css模块化的问题,觉得自己的回答太模棱两可,自己回答过后对自己的答案也不满意,没有一个周全的思考和考虑. 下面总结一下自己对css模块化的理解,尽可能的表达完善自己的想法以及对所查找到的资料的一个总结. ————————————————

Jquery.Page.js 分页插件的使用

1.简单直接贴代码 需要引用以下样式和脚本 <link href="~/Scripts/Page/pager.css" rel="stylesheet" /> <script src="~/Scripts/jQuery-1.8.3.js"></script> <script src="~/Scripts/Page/jquery.pager.js"></script>

CSS基础学习笔记

一. CSS介绍 1. CSS概述:CSS(Cascading Style Sheets)指层叠样式表,极大提高了工作效率. 2. 基础语法: 属性大于1个之后,属性之间用分号隔开 如果大于1个单词,则需要加上引号,如:p{font-family:"sans serif";}   CSS注释:以"/*"开始,以"*/"结束. 3. 高级语法 ① 选择器分组 h1,h2,h3,h4,h5,h6{color:red;} ② 继承: body{ col

css 总结内容用到的绝对居中的几种方式

在手机排版时,内容绝对居中用到的特别频繁. 1. 如何让未知尺寸的图片在已知宽高的容器内水平垂直居中? .test{ position:relative; width:200px; height:200px; text-align:center; vertical-align:middle; background-color: green; } .test p{ position:absolute; top:50%; left:50%; margin:0; } .test p img{margi

浅谈我所见的CSS组织风格

1.简单组织(见习级) projectName ├─css | └style.css 优点:简单,单一文件,适合一些简单项目. 缺点:过度集中,没有模块化,无法适应大型项目. 2.公共组织(见习级) projectName ├─css | ├─index.css └base.css 优点:抽取公共样式,适合一些小中型项目. 缺点:重用代码低,没有模块化,无法适应大型项目. 3.页面集中组织(见习级) projectName ├─css | ├─about.css └index.css 优点:按页

手机端的viewport属性

Window.devicePixelRatioThis read-only property returns the ratio of the resolution in physical pixels to the resolution in CSS pixels for the current display device. 该值为分辨率之间的比,不是直接比较像素.分辨率是指单位英寸内像素数,类似于PPI.pc端浏览器中dpr的值都为1,所以css中1px的元素在屏幕中占据1物理像素.但在手