2021-12-01

Background-image:url()  这种背景图片会自动将背景占满。所以需要background-repeat:no

repeat ,这样就只会出现一次不会重复。其中repeat-x就是在x轴内重复。

Background-position:20px 100px 这个可以选择图片的位置。

Background属于复合元素,前面的是可以写在一起的。

图片后方有文字可使用vertical-align:middle

去掉无序列表边上的小黑点可使用list-style:none

在style中写*{margin:0;padding:0}是可以去除额外的空格

Ul li可表示在ul下的所有li元素

Text ident表示缩进

盒子

Padding 内边距,会改变div显示的宽高,margin外边距

Solid表示实线,broder表示边框

Border-top-width:10px

Border-top-height:10px

Border-top-style:solid这三个组成了broder,需要先固定样式

盒子模型是由margin,padding,content,border组成的

Border,background,font都是复合属性

Cursor:pointer 表示鼠标超链接指针

Cursor:default 默认手势

Cursor:wait 等待

Cursor:help 可用的帮助

Cursor:crosshair 选择区域时使用

Font-size: 字体大小

Font-family:字体

Font-style: 风格

Font-weight: 粗细

顺序是风格,粗细,大小,类型

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • css样式大全(整理版) 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-...
    王培921223阅读 1,648评论 0 1
  • 头部开始 logo部分 导航nav 搜索search 用户user banner横幅图片开始Start banne...
    辛敏滔阅读 795评论 0 0
  • 一、网页认识 1、网页组成 文字、图片、超链接、音频、视频; 2、网页背后本质 前端程序员写的一行行的代码; 3、...
    Cargo阅读 565评论 0 0
  • # 内容概述 ## 一. css特性 + 继承 + 层叠 ### 1. CSS属性的继承 CSS中有些属性是可继承...
    Autism_8eaf阅读 108评论 0 0
  • 一、简介 参考CSS 教程[https://www.runoob.com/css/css-tutorial.htm...
    想聽丿伱說衹愛我阅读 624评论 0 1