博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML连载13-CSS基本格式以及文字相关的属性
阅读量:4978 次
发布时间:2019-06-12

本文共 1424 字,大约阅读时间需要 4 分钟。

一、CSS格式

1.注意点:

(1)style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签师兄弟关系)

(2)style标签中的属性type属性其实可以不写,默认就是type="text/css"

(3)设置样式是必须按照固定格式来设置,key:value;其中不能省略冒号和分号(最后一个分号的时候可以省略,但是我们不提倡)

二、CSS包括什么?

CSS包括选择器和属性两部分

其中选择器就是标签名称,属性就是属性名称和值

 

 

 

三、常见的文字相关的属性

1.规定文字样式的属性

(1)格式:font:normal;

(2)常见取值:i.normal:正常的文字;ii.italic:倾斜的文字

(3)快捷键:(由于我们使用的是wbstorm,在企业开发过程中掌握某些软件的快捷键是很有必要的,可以达到事半功倍的效果)

fs+table代表font-style:italic;

fsn代表font-style:normal;

2.规定文字粗细的属性

(1)格式:font-weight:bolder;

(2)常见的取值:

i.单词取值:

bold加粗;bolder更粗;lighter:细线(注意:默认是细线的格式,并且有的字体加粗是有上限的,并不是能变得更粗)

ii.100-900之间整百的数字。

(3)快捷键:

fw代表font-weight::

fwb代表font-weight:bold;

fwbr代表font-weight:bolder;

3.规定文字大小的属性

(1)格式:font-size:30px;

(2)单位:px,这里是以像素来显示的(pixel),并且这个单位是不能省略的。

(3)常见的取值:数值加单位

(4)快捷键:

i.fz代表font-size:;

ii.fz20代表font-size:20px;

这里面是支持直接加个数字的

4.规定文字字体的属性

(1)格式:font-family;“”微软雅黑”

(2)常见取值:微软雅黑、宋体(默认)、.......(word中有好多中字体)

(3)注意:取值如果是中文的话,一定要用引号来括起来;使用到的取值必须是电脑中提前装好的字体

(3)快捷键:

ff代表:font-family:;(不过在我的webstorm不行,估计版本过低)

    
d60&61_fixed_format_of_CSS&text_attribute

我是一个段落



被废弃的倾斜
被废弃的加粗

四、源码:

d60&61_fixed_format_of_CSS&text_attribute

地址:

https://github.com/ruigege66/HTML_learning/blob/master/d60%2661_fixed_format_of_CSS%26text_attribute

2.CSDN:https://blog.csdn.net/weixin_44630050(心悦君兮君不知-睿)

3.​博客园:https://www.cnblogs.com/ruigege0000/

4.欢迎关注微信公众号:傅里叶变换,后台回复“礼包”获取Java大数据学习视频礼包。​

转载于:https://www.cnblogs.com/ruigege0000/p/11055825.html

你可能感兴趣的文章
OPENSSL使用方法
查看>>
开发WINDOWS服务程序
查看>>
cross socket和msgpack的数据序列和还原
查看>>
解决跨操作系统平台JSON中文乱码问题
查看>>
更新.net core 3.0,dotnet ef命令无法使用的解决办法
查看>>
前端利器躬行记(1)——npm
查看>>
前端利器躬行记(2)——Babel
查看>>
前端利器躬行记(6)——Fiddler
查看>>
Intellij Idea新建web项目(转)
查看>>
用JAVA编写浏览器内核之实现javascript的document对象与内置方法
查看>>
centos iptables
查看>>
unity3d 移动与旋转 2
查看>>
寻找二叉查找树中比指定值小的所有节点中最大的那个节点
查看>>
如何设置输入框达到只读效果
查看>>
RT3070 USB WIFI 在连接socket编程过程中问题总结
查看>>
MIS外汇平台荣获“2013年全球最佳STP外汇交易商”
查看>>
LeetCode 题解之Add Digits
查看>>
hdu1502 , Regular Words, dp,高精度加法
查看>>
SpringBoot在idea中的热部署配置
查看>>
MyEclipse连接SQL Server 2008数据库的操作方法
查看>>