CSS的常见样式

1.css文本样式的设置

html>

Document

div {

font-size:160px;

font-family: "sans-Serif";

color:rgb(41,232,32);

}

蓝鸥科技 lanou

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;

}

近日,一则深圳汽车起火爆炸的新闻引起网友的关注。经初步调查,起火汽车的车主一家三口刚从万科红开车回家,停在路边不到三分钟就起火,车头烧毁严重,没有人员伤亡,起火原因正在进一步调查当中。事情是怎么一回事呢?7月17日凌晨,深圳龙岗区布吉湖西路的一辆汽车,在刚停好不到三分钟就突然起火,幸好车主一家三口已离开,否则后果不堪设想。

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;

}

100元RMB

蓝鸥科技

8.letter-spacing

html>

Document

div {

font-size:50px;

letter-spacing: 10px;

word-spacing: 100px;

}

蓝鸥科技 蓝鸥科技 i love you

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的常见样式相关推荐

  1. 千锋逆战班学员教你从零基础了解HTML5的知识

    H5基本结构: 基本结构分为: < head>描述区< /head> < body>内容区< /body> 具体:<!DOCTYPE html&g ...

  2. html5代码_干货篇!零基础学习HTML5要用到的6款开发工具

    HTML5不是一种编程语言,而是一种标记语言,是程序员开发网页必用的一种开发工具.目前来说HTML5技术是非常火爆的,而且有专家预估在未来的10年HTML技术都不会过时.HTML5前景好,来学HTML ...

  3. 零基础学习HTML5

    HTML5在近几年异常火热,因其功能强大.灵活多变等特点而被追捧. 这篇博客是我跟随老师学习所的到的知识,从入门到精通需要的是坚持和系统地学习. 让我们开始吧! HTML5的基本结构 <!DOC ...

  4. 【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程

    [尚硅谷]Web前端零基础入门HTML5+CSS3基础教程 学习视频来源:哔哩哔哩弹幕网(https://www.bilibili.com/video/BV1XJ411X7Ud?spm_id_from ...

  5. html5游戏开发-零基础开发RPG游戏-开源讲座(四)

    了解上三篇的内容请点击: html5[color=rgb(68, 68, 68) !important]游戏开发-零基础开发RPG游戏-开源讲座(一) http://www.html5cn.org/a ...

  6. html5游戏开发-零基础开发《圣诞老人送礼物》小游戏

    开言: 以前lufy前辈写过叫"html5游戏开发-零基础开发RPG游戏"的系列文章,在那里面我学习了他的引擎以及了解了游戏脚本.自从看了那几篇文章,我便对游戏开发有了基本的认识. ...

  7. 《零基础学HTML5+CSS3(全彩版)》读书笔记

    2019年1月31日星期四 1点 <零基础学HTML5+CSS3(全彩版)>开始全面学习 前提: 11月20日开始学Python,可能因为太累了,也可能遇到了瓶颈,进入了一个迷茫期,1月6 ...

  8. 慕课学习史上最全零基础入门HTML5和CSS笔记

    慕课学习史上最全零基础入门HTML5和CSS笔记 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的 ...

  9. Web前端零基础入门——HTML5

    [尚硅谷]Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通 html入门 index1 > <html><head><title>我是谁? ...

最新文章

  1. [转]实战 SQL Server 2008 数据库误删除数据的恢复
  2. 【Go】Go基础(十):文件读写
  3. 100+Python编程题给你练~(附答案)
  4. Centos Docker安装、升级、卸载
  5. prefuse学习(二)显示一张图
  6. 高可用集群技术之corosync应用详解(一)
  7. 七个迹象说明你可能受到APT 攻击
  8. 文本文件与二进制的区别
  9. 微信php开发实例,微信小程序php后端开发实例
  10. 欧拉定理(Tetration,玲珑杯 Round#5 E lonlife 1060)
  11. mac远程控制pc电脑的方法 pc控制mac
  12. xshell 6查看测试日志
  13. 机器学习 部署 嵌入式_如何在移动和嵌入式设备上部署机器学习模型
  14. 微信小程序毕业设计 基于微信茶叶小程序商城系统前后功能和界面参考
  15. 【iOS】——分类、扩展和关联对象
  16. OrangePi PC 玩Linux主线内核踩坑之旅(三)之设置静态IP地址
  17. 第七章:债券投资收益分析与债券合成
  18. TCP/IP 应用层常用协议
  19. FPGA驱动DAC芯片输出(以TLV5618为例)
  20. MSDN的使用方法(扫盲)

热门文章

  1. 购买mysql服务器时需要考虑的问题
  2. WordPress常见问题及其解决方法
  3. 组建使用“智能卡”进行身份验证的×××服务器
  4. 物理学生物学计算机科学,生物物理学
  5. 仿金山打字通游戏 Java代码
  6. 安装程序配置服务器失败。参考服务器错误日志和C:/WINDOWS/sqlstp.log
  7. Epub解析 -- Pageturner
  8. C++输入输出(学号姓名性别)
  9. 为什么你996地辛苦工作,却没能升职加薪?因为你缺少3种至关重要的思维
  10. 波恩大学癫痫脑电和波士顿儿童医院脑电信号数据集下载