CSS第一天——引入方式、基础选择器、文字属性、快捷语法

按钮标签

<button>   </button>

CSS 层叠样式表 引入方式

行内式:

<div style=" ;">   </div>

内部内嵌式:

<head>
	<style>
		......
	</style>
</head>

外部链接:

<link rel="stylesheet" type=" " href="  .css">

基础选择器

标签选择器
类选择器:  点 “.”  class=" "
id选择器:  “#”   id=" "
      不能重复,一个id名称一个页面只能出现一次
通配符选择器: *

* {                    清空默认的内外边距
	margin:0;
	padding:0;
} 

文字控制属性

字体大小:  font-size  px
字体:    font-family: Arial, “Microsoft YaHei”, " "
                微软雅黑
               SimSun  宋体
加粗:    font-weight: bold;  700
            : normal  400
字体倾斜:  font-style: italic;
           : normal;
字体颜色:  color: rgba(0,0,0,0.5)  a:透明度
文字水平居中:text-align: center
           : left、right
行高:    line-height
首行缩进:  text-indent: 2em;
下划线:   text-decoration: none;
              : underline;
综合写法:  font: 倾斜 加粗 字体大小/行高 字体;

Emmet 语法

标签名 + tab
标签名 * 数字 + tab
父子  >
兄弟  +
(div).box  (div)#box
有顺序的类名  div$3
带有内容盒子  标签/类名 + 内容

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值