Web前端学习打卡第三天：CSS样式
CSS概述：
HTML标签属性：网页的内容和样式
HTML：网页的内容
CSS：内容的样式
CSS：Cascading Stylc Sheets层叠样式表（内容和样式分离，便于修改样式）
CSS语法：
p{——选择器
font-size:12px;/*字号*/
color:blue;/*文字颜色*/
font-weight:bold;/*加粗*/
属性值
注意：
1、最后一条声明可以没有分号，但是为了以后修改
方便，一般也加上分号。
2、为了使用样式更加容易阅读，可以将每条代码写
在一个新行内
CSS添加方法：
CSS添加方法—行内：
/*设定颜色为红色*/
天使投资指早期投资，尤其指个人早期投资。
CSS添加方法—内嵌样式：
天使投资指早期投资，尤其指个人早期投资。
注意:
即使有公共CSS代码，也是每个页面都要定义的
适合文件很少，CSS代码也不多的情况
如果一个网站有很多页面，每个文件都会变大，后期维护难度也大
CSS添加方法—单独文件：
外部式样式表文件style.css
p{
color:red;/*设置文字颜色*/
}
网页文件:其他网页文件可以直接在head中通过
引用
特点：
页面结构HTML代码与样式CSS代码的完全分离
维护方便
如果需要改变网站风格，只需要修改公共CSS文件
可以在同一个 HTML 文档内部引用多个外部样式表
CSS添加方法——优先级：
例如：
外部样式表文件
h3{
color:red;
text-align:left;
font-size:8pt;
}
内嵌样式
h3{
text-align:right;
font-size:20pt;
}
得到的h3样式灰色部分会直接被过滤掉
CS选择器(代码及效果略）：
标签选择器、类别选择器、ID选择器
嵌套声明、集体声明、全体声明、混合
CSS样式——文本样式
字符间距letter-spacing
例如：h1
行高line-height
例如：line-height: 2em;
对齐方式text-align
例如:
装饰线text-decoration
例如：
字体font
font在一个声明中设置所有的字体属性，font: bold 18px '幼圆'
font-family字体系列，网页安全字体font-family: "HiraginoSans GB","Microsoft YaHei", sans-serif;
font字号，14px 120%
font-style斜体italic
font-weight粗体bold
CSS文字—简化font
font属性简化的使用方法：
font: 斜体 粗体 字号/行高 字体
font: italic bold 16px/1.5em '宋体'；
CSS样式——背景与超链接以及表格
- 发表于:
- 原文链接：https://kuaibao.qq.com/s/20190208A0B4QZ00?refer=cp_1026
- 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号（企鹅号）传播渠道之一，根据《腾讯内容开放平台服务协议》转载发布内容。
- 如有侵权，请联系 cloudcommunity@tencent.com 删除。
相关快讯
扫码
添加站长 进交流群
领取专属 10元无门槛券
私享最新 技术干货
腾讯云开发者
