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样式——背景与超链接以及表格
领取专属 10元无门槛券
私享最新 技术干货