【CSS学习（九）-CSS背景】的更多相关文章

Html和Css学习笔记-css进阶-盒模型

我的邮箱地址:zytrenren@163.com欢迎大家交流学习纠错! 此篇博客是我的复习笔记,html和css学的时间太久了,忘得差不多了,最近要使用一下,所以重新打开html的书略读,后记录了标签,元素,属性的具体意义. 这里所介绍的html和css的版本为html5与css3 Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言 Css是层叠样式表(英文全称:Cascading Style Sheets)是…

【CSS学习笔记】背景图片

直接看代码: background: blue; /*页面背景为蓝色,很简单的代码*/background-image:url(small.jpg); /*页面背景是名字叫small.jpg的图片*/background-repeat: no-repeat; /*水平方向显示图片repeat-x 竖直方向显示图片repeat-y 不重复图片no-repeat*/ background-attachment: fixed; /*在页面特别长有滚动条时,可以固定图片*/ 相关知识点: 1.背景图与背…

CSS学习笔记——CSS选择器样式总结

<style type="text/css"> * { padding:0; margin:0; } .box h2 { //内边距左边的距离 padding-left:10px; //内边距左边的距离 padding-right:10px; //边框有无.宽度和颜色 border: 1px solid #000; //背景的高度 height:100px; //背景的宽度 width: 100px; //背景颜色 background:#87b0e1; line-heig…

Html和Css学习笔记-css基础知识

我的邮箱地址:zytrenren@163.com欢迎大家交流学习纠错! 此篇博客是我的复习笔记,html和css学的时间太久了,忘得差不多了,最近要使用一下,所以重新打开html的书略读,后记录了标签,元素,属性的具体意义. 这里所介绍的html和css的版本为html5与css3 Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言 Css是层叠样式表(英文全称:Cascading Style Sheets)是…

CSS学习笔记——CSS中定位的浮动float

昨天在解决了盒模型的问题之后又出现了新的知识模糊点:浮动和绝对定位?今天先解决浮动相关的问题,首先列举出想要解决的问题: 1.浮动到底是怎么样的? 2.浮动对元素的影响有什么? 3.浮动主要用来干什么? 第一个问题:浮动到底是怎么样的? W3CSCHOOL对浮动属性的解释:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止.所以浮动也有left.right.none三种. 我个人的理解是:HTML 文件就像是一个方形的水槽,它在浏览器中加载的过程就好比是向水槽中放水,而…

CSS 学习笔记——CSS Selector

CSS1 中定义的选择器 类型选择器 用于选择指定类型的元素(其实他就是 html 标签选择器),常见用法如下: body { /*对 body 元素定义样式*/ } body,div { /*同时选择多种标签元素*/ } ID 选择器 用于选择指定 ID 的 html 元素,常见使用方法如下: <div id="nav"> </div> <style> #nav { /*定义 ID 为 nav 的元素的样式*/ } </style> 因…

css学习_div+css布局

1.布局(盒子布局.盒子模型.标准流.脱离文档流) 标准文档流:块级独占一行  ,行内块和行内元素都是和其他共占一行,在盒子中的元素遵循标准流从左到右从上到下排列,超过父元素时会溢出. 一行行看 浮动+标准流配合使用 版心:width+margin:0 auto: ul>li .标题.段落.a.img.dl>dt+dd 定位:相对定位.子绝父相.固定定位.z-index 元素宽度:  块级---不设置时是父元素100%:行内块元素宽度默认是内容宽度:行内元素没有宽高属性,除非转换显示模式. 溢…

【CSS学习】--- 背景

一.前言 元素的背景区域包括:元素的内容.内边距和边框区域. CSS中用于设置背景的属性有: background-color 设置背景颜色 background-image 设置背景图片 background-repeat 设置是否以及如何重复背景图像 background-position 设置背景图的开始位置 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动 background 简写属性,作用是将所有属性值写在一个声明中    背景属性默认都不继…

HTML学习笔记 CSS背景样式案例 第六节 （原创） 参考使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>样式</title> <link rel="stylesheet" href="tzy.css" type="text/css"> </head> <body>…

值得学习的CSS知识

这里零度给大家推荐几个值得学习的CSS技巧,能让你编写网页事半功倍!一.清除默认值 通常 padding 的默认值为 0,background-color 的默认值是 transparent.但是在不同的浏览器默认值可能不同.如果怕有冲突,可以在样式表一开始就先定义所有元素的 margin 和 padding 值都为 0,象这样: * { margin:0; padding:0; } 二.使用 css 缩写使用缩写可以帮助减少你 CSS 文件的大小,更加容易阅读.css 缩写的主要规则请参看<常…