web前端CSS的学习笔记

CSS

css可以用来为网页创建样式表,通过样式表可以对网页进行修饰。
对于我们所看到的网页,它就是一个页面,但是事实并不是这样,其实整个网页是一层一层的结构,层次高的覆盖层次低的,最后形成我们所看到的这个样子。

CSS的格式
css的位置
 1.内联样式 color:red color为样式名,red为样式值 内联样式一般不使用,开发当中基本上不会出现内联样式

 2.内部样式:只适用于当前网页在<head>标签中定义<style>标签进行样式修改

3.外部样式:适用于多个网页共享样式 使用最多

CSS常用选择器
元素选择器
作用:通过元素选择器可以选择页面中的所有指定元素。
语法:标签名 { }


id选择器
作用:通过元素的id属性值选中唯一的元素。
语法:#id属性值 { }


类选择器
作用:通过元素的class属性值选中一组元素。
语法:.class属性值 { }


并集选择器(选择器分组)
作用:通过并集选择器可以同时选中多个选择器对应的元素。
语法:选择器1,选择器2,……选择器N { }


交集选择器(复合选择器)
作用:通过交集选择器可以选中同时满足多个选择器的元素。
语法:选择器1选择器2……选择器N { }
注意:中间无“,”或者空格。

 

伪类选择器:伪类(是一种特殊类):表示元素的特殊状态,点击时效果,鼠标引入时效果

  选择器:伪类名

  frist-child:同类元素中的第一个元素

  last-child:同类元素中的最后一个元素

  nth-child():选择同类元素中指定元素 

  n 表示0到正无穷

  2n 表示偶数行

  2n+1表示奇数行

CSS的常用属性
font:复合属性。设置或检索对象中的文本特性。
font-style:设置或检索对象中的字体样式。用于定义字体的风格,如:斜体(italic)等等。
font-variant:设置或检索对象中的文本是否为小型的大写字母。
font-weight:设置或检索对象中的文本字体的粗细。
font-size:设置或检索对象中的字体尺寸,在开发中12px字体最常用。
字体有相对字体和绝对字体两种形式:
绝对字体:如px等等;
相对字体:如40%,表示默认字体的40%大小。
font-family:设置或检索用于对象中文本的字体名称序列;用于定义字体的样式,如黑体,宋体等等。
color:用于定义字体的颜色。
line-height:用来设置行于行之间的距离,属性值有三种单位,像素px、百分比%、相对值em(p{line-height: 15px;})

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值