前端三件套学习笔记2

-css:

·基础选择器{

1.标签选择器

格式:<head>(习惯性规定)里用<style>(双标签){

}

代码展示:

 

2.类选择器

格式:.类名   创建类

在body的标签里用class="类名"调用

代码展示:

PS:(多个类的调用:类之间用空格隔开)

3.id选择器(只允许一个标签调用)

格式:#名称 

id=名称调用

代码展示:

 ps:(经过实验,#后的名称无法用数字和特殊符号,只能去英文字符名称或者汉字名称)

4.通配符选择器

格式:*{}

选取页面所有标签

·字体属性

font-family:设置字体

font-size:字体大小

font-weight:字体粗细

font-style:字体样式

代码展示:

 

 PS:(复合写法为style、weight、size、family)

·文本属性

color:文本颜色

text-align:文本对齐(水平center、left、right)

text-decoration:文本装饰

 

text-indent:文本缩进

line-height:行间距

代码展示:

 

 

 

·引入方式

行内样式表:写在HTML内部

 

内部样式表:写在标签内部(可控制多个页面)

 

外部样式表:单独写一个以.css为后缀的文件再引入HTML中

<link rel="stylesheet" href="css路径">

代码展示:

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值