【项目实战】CSS入门介绍
一、 CSS属性学习清单
1.1 background背景设置
background-color
为元素设置背景颜色。
background-image:url(/i/XXX.gif)
将图像设置为背景。
background: #ff0000 url(/i/XXX.gif ) no-repeat fixed center;
使用简写属性来将所有背景属性设置在一个声明之中。
1.2 文本颜色、文本大小、对齐、添加修饰
color:red
color:#00ff00
color:rgb(0,0,255)
设置文本的颜色。
background-color:yellow
设置文本的颜色。
line-height: 90%
line-height: 200%
使用百分比值来设置段落中的行间距。
在大多数浏览器中默认行高大约是 110% 到 120%。
line-height: 10px line-height: 30px
使用像素值来设置段落中的行间距。
在大多数浏览器中默认行高大约是 20px。
line-height: 0.5
line-height: 2
使用一个数值来设置段落中的行间距。
默认行高大约是 1。
text-align: center
text-align: left
text-align: right
对齐文本
text-decoration: overline
text-decoration: line-through
text-decoration: underline
text-decoration:blink
a {text-decoration: none}
向文本添加修饰
1.3 字体、字体尺寸、字体风格
font-family:"Times New Roman",Georgia,Seriffont-family:Arial,Verdana,Sans-serif
设置文本字体。
font-size:
300%设置字体尺寸。
font-style:normal
font-style:italic
font-style:oblique
设置字体风格。
font-weight: normal
font-weight: bold
'font-weight:
900设置字体的粗细。
font:italic arial,sans-serif;font:italic bold 12px/30px arial,sans-serif;
使用简写属性将字体属性设置在一个声明之内。
相关文章
- [置顶].NET平台开源项目速览(4).NET文档生成工具ADB及使用
- .NET平台开源项目速览(10)FluentValidation验证组件深入使用(二)
- eclipse中如何将java项目转为java Web项目
- git项目裸仓库迁移
- 在一个项目里,公共一个css、各个页面分别对应不同的css?
- 第一百六十六节,jQuery,基础 DOM 和 CSS 操作,元素内容,元素属性,css和class,元素宽度高度、偏移、滚动条
- ET项目部署到Linux
- crm项目-stark组件-wu
- [CSS] Purgecss to remove unused css
- [CSS] Use CSS Variables Almost like Boolean Values with Calc (maintainable css)
- [CSS] Use CSS Variables Almost like Boolean Values with Calc (maintainable css)
- 安装kube-prometheus项目:k8s部署prometheus、监控k8s核心组件、添加告警(微信、钉钉、企业微信)、进行数据持久化
- 为什么CSS这么难学?css核心知识点攻坚指南
- vuejs项目纯js导出word、在线下载富文本内容或者网页另存为word文件
- Android项目持续集成实践之Gitlab CI(Docker版本)
- 【项目实战】使用Maven插件(jacoco-maven-plugin),实现生成代码覆盖率报告
- Android android studio 项目放在源码中编译
- eclipse下建立 android 项目,相关文件夹介绍
- cocos2d-x 新建项目 Cannot open include file: ‘cocos2d.h’
- .net在同一个项目中要引用两种不同版本的dll(dll hell)的解决办法