CSS学习

简介: CSS学习基础选择器字体和文本样式

基础选择器

1.标签选择器:{css属性名:属性值;},选择页面中对应的标签,方便在后续设置样式

2.类选择器:.类名,通过类名,找到页面中所有带有这个类名的标签,设置样式

3.id选择器:#id属性值,通过id属性,找到页面中带有这个id属性值的标签,设置样式

4.通配符选择器:{css属性名:属性值},找到页面中所有的标签,设置样式


字体和文本样式

1.字体样式:

字体大小:font-size=数字px;

字体粗细:font-weight(normal和400正常,bold和700加粗);

字体样式:font-style(italic倾斜,normal正常默认值);

字体类型:font-family(宋体,微软雅黑…);

字体类型:font属性连写

2.文本样式

1.文本缩进:text-indent(数字px或数字em=当前字体大小的几倍)

2.文本水平对齐方式:text-align(left左对齐,center居中对齐,right右对齐)

3.文本修饰:text-decoration(underline下划线,none无修饰线)

3.line-height

*数字px或倍数

font和行高连写时注意:

font:style weight size/line-height family;


相关文章
|
8月前
|
XML 编解码 前端开发
css核心知识学习
css核心知识学习
53 0
|
10月前
|
前端开发 容器
css知识学习系列(2)-每天10个知识点
css知识学习系列(2)-每天10个知识点
48 0
|
10月前
|
前端开发 BI UED
css知识学习系列(1)-每天10个知识点
css知识学习系列(1)-每天10个知识点
57 0
|
14天前
|
前端开发 JavaScript 开发者
学习CSS动画的高级技巧
【7月更文挑战第1天】学习CSS动画的高级技巧
12 2
|
14天前
|
前端开发 JavaScript 开发者
如何学习CSS动画?
【7月更文挑战第1天】如何学习CSS动画?
14 1
|
14天前
|
JavaScript 前端开发 Java
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
|
14天前
|
前端开发 数据安全/隐私保护
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(一)
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(一)
|
2月前
|
XML 前端开发 JavaScript
学习css
【5月更文挑战第25天】学习css
23 1
|
2月前
|
Web App开发 JSON 前端开发
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
103 0
|
2月前
|
JSON 前端开发 JavaScript
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)(上)
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
69 0