web—第四章css&第五章 终于迎接等待已久的CSS,在没学这个之前,我们只会用一点img,查一点小图片,或者是用style改一下颜色,而且比较麻烦.现在多了个css在文件夹在创建一个css文件很多东西都可以在css里面而且修改的话非常方便,但是我还是有一些问题,就是老师叫我们做注册表的时候:年月日我真不相信是用下拉列表一个一个打上去的,我一开始想用时间轴但是太难啦,老师也没说.   随着时间过得很快国庆节也要来临了,这几天老师似乎有点急但是又怕教不好我们所以课程会有点紧张,但是我觉得还是很…

在CSS中,每个属性的属性值都有一定的范围,并且不同类型的属性值有不同的值.对于一个属性,必须取得正确的属性值,才能被浏览器正确地解释,因此一定要弄清每种类型的属性值范围.在CSS中属性一般有以下几种类型: 整数和实数.长度值.百分比值.URL和颜色 一.整数和实数 在CSS中,整数可以包括正整数.负整数和零,不能有小数.如果整数或小数后面带有单位px,表示像素.px叫像素,这是目前来说使用最为广泛的一种单位,1像素也就是屏幕上的一个小方格,这个通常是看不出来的.由于显示器有多种不同的大小,它的…

大家好,这里是「 Daotin的梦呓 」从零开始学 Web 系列教程.此文首发于「 Daotin的梦呓 」公众号,欢迎大家订阅关注.在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.CSS可见性 overflow: hidden; /*溢出隐藏 */ visibility: hidden; /* 隐藏元素 隐藏之后还保留原来的位置.*/ display: none; /* 隐藏元素 隐藏之…

CSS中一共有五种定位: position:static:默认值 position:absolute:绝对定位 position:relative:相对对定位 position:fixed:固定定位 position:sticky:粘性定位 其中,粘性定位是CSS3新增加的 兼容性比较差 定位的作用: 在正常情况下,可以让一个元素覆盖在另外一个元素上面 可以移动一个元素的位置 可以固定某个容器在浏览器窗口的某个位置不动.(运用fixed属性) 可以做吸顶效果,比如百度新闻的导航(运用sticky…

CSS Combinators Four different combinators in CSS3 descendant selector (space) child selector (>) adjacent sibling selector (+) general sibling selector (~) CSS Pseudo-classes A pseudo-class is used to define a special state of an element. Style an e…

定位 关于定位 我们可以使用css的position属性来设置元素的定位类型,postion的设置项如下: relative 生成相对定位元素,元素所占据的文档流的位置不变,元素本身相对文档流的位置进行偏移 absolute 生成绝对定位元素,元素脱离文档流,不占据文档流的位置,可以理解为漂浮在文档流的上方,相对于上一个设置了相对或者绝对或者固定定位的父级元素来进行定位,如果找不到,则相对于body元素进行定位. fixed 生成固定定位元素,元素脱离文档流,不占据文档流的位置,可以理解为漂浮在…

一.背景属性 1.背景属性用来设置页面元素的背景样式. 2.常见背景属性 属性 描述 background-color 用来设置页面的背景色,取值如red,#ff0000 background-image 用来设置页面的背景图片,图片路径可以是绝对路径或相对路径,如:background-image: url("../image/arrow-right.gif"); background-position 背景开始位置,包括水平方向(X轴)和垂直方向(Y轴)的设置. X轴取值:left…

本小节我们解说css中的"盒模型".即"box model",它通经常使用于在布局的时候使用,这个"盒模型"也有人成为"框模型".事实上原理都一样,它的大致原理是这种,它把一个HTML元素分为了这么几个部分:边距.边框.填充和实际内容,我们通过设置这几个内容能够设置它的一些现实形式. *************盒模型***************** 1.盒模型从内向外依次是实际内容(Content).内边距(Padding)…

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器. ㈠什么是选择器? 每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”. “选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素. ㈡CSS的五大选择器 ⑴标签选择器(元素选择器) ⑵ID选择器(唯一性,一次引用) ⑶类选择器(单类选择器,多类选择器) ⑷属性选择器(简单属性选择,具体属性选择,部分属性选…

扩展阅读 本文仅仅做border的基础使用,想要深入了解的话可以戳以下几个链接,觉得作者写的很好. CSS Backgrounds and Borders Module Level 3 CSS魔法堂:重拾Border之--解构Border CSS魔法堂:重拾Border之--不仅仅是圆角 CSS魔法堂:重拾Border之--图片作边框 边框与三角形 border:border-width.border-style.border-color border:style:dotted(点).dashe…