CSS-1

1.简介

2.CSS语法规范

选择器(标签){样式}

每一个写完后需要用“;”隔开,样式的改变写在<title>后面

CSS代码风格

1.样式格式书写:展开格式,一行一个

2.样式大小写:全部用小写,特殊情况除外

3.空格规范:属性值前面、冒号后面保留一个空格;选择器(标签)和大括号之间保留一个空格

3.CSS基础选择器

基础选择器包括:标签选择器、类选择器、id选择器和通配符选择器

标签选择器:仅能够选择一类事物,不能单独选择一个

标签选择器

类选择器

类选择器:可以选择指定的一个,书写格式有所不同。要写.名称{},名称多为英文字母

id选择器

id选择器:只能使用一次,写法不同。#名称{},之后再用id=""调用

通配符选择器

4.CSS字体属性

字体系列(font-family)

字体大小(font-size)

标题标签比较特殊,需要单独指定文字大小

字体粗细(font-weight)

文字样式(font-style)

italic字体倾斜,normal默认值

复合属性:font:font-style font-weight font-size/font-height font-family

使用复合属性时,font-size和font-family一定要同时出现

5.CSS文本属性

文本颜色:color

对齐文本:text-align:right\left\center

装饰文本:text-decoration  underline下划线  overline上划线  line-through删除线  none默认没有下划线

文本缩进:text-indent(段落的首行缩进) 以多少px来计算,但通常用2em来表示缩进该段文字字符大小的两个字符

行间距:line-height

文本颜色 color

对齐文本 text-align

装饰文本 text-decoration

文本缩进 text-indent

行间距 line-height

6.CSS引入方式

内部样式表

把想定义的东西单拎出来放在<style></style>中

行内样式表

写在一行中没有单拎出来,当添加元素简单时进行使用,没有实现结构与样式的相分离,结构就是要表达的文字部分,样式就是进行添加的颜色等

外部样式表

在建一个专门的CSS文件,把所有需要的样式写在这个CSS文件中

写link按回车键,<link>写在<style>后面

图片居中让它所在的段落居中,这样就能让图片也居中了

7.chrome调试工具使用

  • 10
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值