千锋和蓝欧html5,蓝鸥零基础学习HTML5第六讲 CSS的常见样式
CSS的常见样式
1.css文本样式的设置
html>
Document
div {
font-size:160px;
font-family: "sans-Serif";
color:rgb(41,232,32);
}
2.line-height
html>
Document
div {
border:1px solid red;
height:100px;
line-height: 100px;
}
3.text-align
html>
Document
div {
width:200px;
height:200px;
line-height: 200px;
border:1px solid red;
text-align: center;
}
4.text-indent
html>
Document
div {
border: 1px solid red;
font-size:20px;
line-height: 25px;
text-indent: 40px;
}
5.font-weight
html>
Document
div {
font-size: 50px;
font-weight: bold;
}
6.font-style
html>
Document
div {
font-size:50px;
/*font-style:oblique;*/
}
em {
font-size:50px;
font-style: normal;
}
蓝鸥科技
7.text-decoration
html>
Document
div {
font-size:50px;
text-decoration: none;
}
a {
text-decoration: none;
}
蓝鸥科技
8.letter-spacing
html>
Document
div {
font-size:50px;
letter-spacing: 10px;
word-spacing: 100px;
}
9.复合样式
html>
Document
div {
width:500px;
height:500px;
background: red url("img/1.jpg") 100px 100px no-repeat;
border: 10px solid yellow;
padding:10px 20px 30px 40px ;
margin:20px 40px 80px 160px ;
font: italic bold 50px/500px "stkaiti";
}
10.样式继承
html>
Document
#box1 {
color:red;
font-size:50px;
text-decoration: underline;
border:1px solid red;
padding:100px;
}
a {
color:red;
}
蓝鸥科技
就是牛逼
我是A标签
11、Font-family资料
font-family可以取的值
宋体 SimSun
黑体 SimHei
微软雅黑 Microsoft YaHei
微软正黑体 Microsoft JhengHei
新宋体 NSimSun
新细明体 PMingLiU
细明体 MingLiU
标楷体 DFKai-SB
仿宋 FangSong
楷体 KaiTi
仿宋_GB2312 FangSong_GB2312
楷体_GB2312 KaiTi_GB2312
宋体:SimSuncss中中文字体(font-family)的英文名称
Mac OS的一些:
华文细黑:STHeiti Light [STXihei]
华文黑体:STHeiti
华文楷体:STKaiti
华文宋体:STSong
华文仿宋:STFangsong
儷黑 Pro:LiHei Pro Medium
儷宋 Pro:LiSong Pro Light
標楷體:BiauKai
蘋果儷中黑:Apple LiGothic Medium
蘋果儷細宋:Apple LiSung Light
Windows的一些:
新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑体:SimHei
新宋体:NSimSun
仿宋:FangSong
楷体:KaiTi
仿宋_GB2312:FangSong_GB2312
楷体_GB2312:KaiTi_GB2312
微軟正黑體:Microsoft JhengHei
微软雅黑体:Microsoft YaHei
装Office会生出来的一些:
隶书:LiSu
幼圆:YouYuan
华文细黑:STXihei
华文楷体:STKaiti
华文宋体:STSong
华文中宋:STZhongsong
华文仿宋:STFangsong
方正舒体:FZShuTi
方正姚体:FZYaoti
华文彩云:STCaiyun
华文琥珀:STHupo
华文隶书:STLiti
华文行楷:STXingkai
华文新魏:STXinwei
千锋和蓝欧html5,蓝鸥零基础学习HTML5第六讲 CSS的常见样式相关推荐
- 千锋逆战班学员教你从零基础了解HTML5的知识
H5基本结构: 基本结构分为: < head>描述区< /head> < body>内容区< /body> 具体:<!DOCTYPE html&g ...
- html5代码_干货篇!零基础学习HTML5要用到的6款开发工具
HTML5不是一种编程语言,而是一种标记语言,是程序员开发网页必用的一种开发工具.目前来说HTML5技术是非常火爆的,而且有专家预估在未来的10年HTML技术都不会过时.HTML5前景好,来学HTML ...
- 零基础学习HTML5
HTML5在近几年异常火热,因其功能强大.灵活多变等特点而被追捧. 这篇博客是我跟随老师学习所的到的知识,从入门到精通需要的是坚持和系统地学习. 让我们开始吧! HTML5的基本结构 <!DOC ...
- 【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程
[尚硅谷]Web前端零基础入门HTML5+CSS3基础教程 学习视频来源:哔哩哔哩弹幕网(https://www.bilibili.com/video/BV1XJ411X7Ud?spm_id_from ...
- html5游戏开发-零基础开发RPG游戏-开源讲座(四)
了解上三篇的内容请点击: html5[color=rgb(68, 68, 68) !important]游戏开发-零基础开发RPG游戏-开源讲座(一) http://www.html5cn.org/a ...
- html5游戏开发-零基础开发《圣诞老人送礼物》小游戏
开言: 以前lufy前辈写过叫"html5游戏开发-零基础开发RPG游戏"的系列文章,在那里面我学习了他的引擎以及了解了游戏脚本.自从看了那几篇文章,我便对游戏开发有了基本的认识. ...
- 《零基础学HTML5+CSS3(全彩版)》读书笔记
2019年1月31日星期四 1点 <零基础学HTML5+CSS3(全彩版)>开始全面学习 前提: 11月20日开始学Python,可能因为太累了,也可能遇到了瓶颈,进入了一个迷茫期,1月6 ...
- 慕课学习史上最全零基础入门HTML5和CSS笔记
慕课学习史上最全零基础入门HTML5和CSS笔记 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的 ...
- Web前端零基础入门——HTML5
[尚硅谷]Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通 html入门 index1 > <html><head><title>我是谁? ...
最新文章
- [转]实战 SQL Server 2008 数据库误删除数据的恢复
- 【Go】Go基础(十):文件读写
- 100+Python编程题给你练~(附答案)
- Centos Docker安装、升级、卸载
- prefuse学习(二)显示一张图
- 高可用集群技术之corosync应用详解(一)
- 七个迹象说明你可能受到APT 攻击
- 文本文件与二进制的区别
- 微信php开发实例,微信小程序php后端开发实例
- 欧拉定理(Tetration,玲珑杯 Round#5 E lonlife 1060)
- mac远程控制pc电脑的方法 pc控制mac
- xshell 6查看测试日志
- 机器学习 部署 嵌入式_如何在移动和嵌入式设备上部署机器学习模型
- 微信小程序毕业设计 基于微信茶叶小程序商城系统前后功能和界面参考
- 【iOS】——分类、扩展和关联对象
- OrangePi PC 玩Linux主线内核踩坑之旅(三)之设置静态IP地址
- 第七章:债券投资收益分析与债券合成
- TCP/IP 应用层常用协议
- FPGA驱动DAC芯片输出(以TLV5618为例)
- MSDN的使用方法(扫盲)