CSS学习总结

通过一段时间的对web的学习,学到了一些css的知识,在此做一个总结。

我使用的开发工具是VScode

css是级联样式表,是对HTML网页的内容进行美化和布局的改动,如颜色,位置,大小,透明等等

css的语法例如:h1{color:blue;height:20px},括号前面是作用的对象即选择器,括号里面是改动的内容。当作用对象为id和class时,选择器表示为#id{}名和.class名{}

css有外部样式表 内部样式表 内联样式三种使用方式,外部样式则是新建一个css文件,但要在html文件里声明;内部样式则是在html文件的<head>里的<style>;内联则是在每个元素里,形式为<h1 style="color:blue;">内容</h1>,style里面则是css。优先级从高到低是内联样式,内部或者外部样式,缺省样式 。

一些重要css属性如color,需要用rgb16进制或名称;尺寸则是height和width等,单位为像数px、百分比%。

盒子模型为一重要概念,是将html元素比作盒子,盒子则有内容content,内边距padding,边框border,外边距margin四个构成,然后可以改变这四个属性的尺寸颜色等。

定位是指对元素的位置进行布局,为position元素,值为静态static、相对relative、固定fixed、绝对absolute。静态为默认位置;相对为相对静态位置移动;固定为让元素怎样都不懂;绝对为对某个父元素偏移。

溢出属性qverflow用于处理超过指定区域的元素内容,值为:默认值visible ,溢出部分不被裁剪,在区域外面显示;hidden 裁剪溢出部分且不可见;scroll裁剪溢出部分 ,但提供上下和左右滚动条供显示;auto裁剪溢出部分 ,视情况提供滚动条。

浮动属性float可以让某元素水平向上下左右进行移动,周围元素也重新排列,常用来处理围绕图片的文字。

透明度属性opacitt,设置透明度,常用于图片,值在[0.0~1.0]之间,值越低,透明度越高

组合选择器为元素、id和class组合的选择器,有后代和子选择器,后代选择器如.haha p表示有haha类的元素里的<p>元素;子选择器如。.haha>p表示.haha类的元素的直接<p>元素

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值