html+cs入门实例,CS50 HTML和CSS基础(介绍最简单的HTML和CSS)
最近简单HTML
Hello!
Hello, world!
HTML中form表单
Forms
Favorite Color:
Blue
Green
Yellow
Red
相对比较复杂的HTML
超链接href
有序列表和无序列表
图片
表格
HTML Elements
A Large Heading
A Smaller Heading
The Smallest Heading
A bold word and an italicized word!
View the CS50 Website!
An unordered list:
- foo
- bar
- baz
An ordered list:
- foo
- bar
- baz
An image:
OceanAverage DepthMaximum Depth
Pacific4280 m10911 mAtlantic3646 m8486 m
CSS简介
在HTML中嵌入CSS
Hello!
A Colorful Heading!
Hello, world!
指定整个 body的样式
Hello!
A Colorful Heading!
Hello, world!
将CSS放在前面
Hello!
h1 {
color: blue;
text-align: center;
}
A Colorful Heading!
Hello, world!
单独的CSS文件
h1 {
color: blue;
text-align: center;
}
Hello!
A Colorful Heading!
Hello, world!
给表格添加CSS
table {
border: 1px solid black;
border-collapse: collapse;
}
td {
border: 1px solid black;
padding: 2px;
}
th {
border: 1px solid black;
padding: 2px;
}
table {
border: 1px solid black;
border-collapse: collapse;
}
td, th {
border: 1px solid black;
padding: 2px;
}
更复杂的CSS
Pseudoclasses
button {
background-color: red;
width: 200px;
height: 50px;
font-size: 24px;
}
button:hover {
background-color: green;
}
Button 1
Button 2
Button 3
来源:oschina
链接:https://my.oschina.net/u/4316165/blog/4696355
html+cs入门实例,CS50 HTML和CSS基础(介绍最简单的HTML和CSS)相关推荐
- html显示yuv,CS50 HTML和CSS基础(介绍最简单的HTML和CSS)
最近简单HTML Hello! Hello, world! HTML中form表单 Forms Favorite Color: Blue Green Yellow Red 相对比较复杂的HTML 超链 ...
- Web3D编程入门总结——WebGL与Three.js基础介绍
1 /*在这里对这段时间学习的3D编程知识做个总结,以备再次出发.计划分成"webgl与three.js基础介绍"."面向对象的基础3D场景框架编写".&quo ...
- css层叠样式表——css基础介绍
css层叠样式表第一天 css层叠样式表01 css层叠样式表第一天 css介绍 css语法 html标签全局属性 引入css样式的方式 知识点应用 css介绍 css是Cascading Style ...
- CSS基础介绍(三)
文章目录 display属性 overflow属性 文档流 浮动 简单布局 高度塌陷问题 清除浮动 定位 相对定位 绝对定位 固定定位 元素层级 设置元素的透明背景(opacity) display属 ...
- Android游戏开发的入门实例
在Android系统上开发游戏是Android开发学习者所向往的,有成就感也有乐趣,还能取得经济上的报酬.那怎样开发Android游戏呢?下面介绍一个简单的入门实例. 一.创建 ...
- Fluent 操作入门实例-从建模到计算结果可视化
Fluent 操作入门实例 前言: 本文详细图文介绍如何使用ANSYS Workbench 实现Fluent的基本入门操作实例. 1.打开workbench 2.将Fluid Flow(Fluent) ...
- CSS基础学习--17 布局 - 水平 垂直对齐
一.元素居中对齐 要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;.设置到元素的宽度将防止它溢出到容器的边缘.元素通过指定宽度,并将两边的空外边距平均分配: ...
- html与css项目,项目六HTML与CSS基础.doc
项目六HTML与CSS基础.doc 项目六: HTML与CSS基础 课题名称:6.2 CSS样式表的使用(一) 教学目标 1.知识与技能目标 熟练掌握插入Div 标签和设置样式定义的方法:理解CSS样 ...
- HTML+css 基础语法
title: HTML+css 基础语法 categories: HTML tags: [语法,HTML,css] 一.HTML 什是么网站? 网站(Website)开始是指在因特网上根据一定的规 ...
最新文章
- ​50年来最具影响力的十大编程语言!
- [导入]我翻译的JavaScript文章
- 【Oracle】Oracle常用EVENT之三
- Tokyo Tyrant的下工具的使用
- HBase性能优化方法总结(一):表的设计
- shell 数组里追加数值_shell编程之数组及变量的多功能用法
- ssl提高组周一备考赛【2018.10.29】
- [MEGA DEAL]完整的Java编程训练营(94%)
- 5分钟,带你了解不同类型的云计算!
- 【转】SQLServer数据库还原数据库后因孤立用户问题导致无法登陆的处理
- Python中random模块生成随机数详解
- 请求header_Flutter 基于网络请求框架Dio的二次封装
- 汇编语言第2版---笔记(第一章基础知识)
- 材料表征技术书籍-7本
- oracle cpu 消耗,解决Oracle CPU高度消耗(100%)的数据库问题
- Kafka学习笔记: Kafka 百惑梳理
- Android实现滑动的几种方式
- 【数据结构与算法】详解什么是栈,并用代码手动实现一个栈结构
- 基于cesium实现城市查询并定位
- python从入门到入魔第三天——time库和datetime库基本使用