![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
心奔
业精于勤,荒于嬉;行成于思,毁于随.
展开
-
盒子模型样式
盒子模型样式网页构成布局的元素均为矩形,那么是矩形宽高,边距等特性的表现可以被抽象的理解为一个盒子;盒子与盒子之间的关系:1.盒子的大小可能不一样2.盒子与盒子之间的间隔可能不一样3.大盒子里面放小盒子,小盒子位置不确定4.盒子边缘的厚度可能有厚有薄所以实际上总的来说,网页元素在组成一个结构的时候追主要的就是如下四个区域与样式:1.center–元素的宽高(width/height...原创 2019-03-31 00:16:40 · 566 阅读 · 0 评论 -
浮动
浮动浮动是一个让元素拥有块级元素的特性但却可以在一排显示的属性,无论该元素是否是块级元素还是行内元素,与display:inline-block;的作用一致,但是也有很多的不同点源代码如下:<!doctype html><html> <head> <meta charset="utf-8"> <title>浮动</...原创 2019-04-23 11:09:15 · 141 阅读 · 0 评论 -
文本样式
文本样式文本样式作用:文本样式是针对文字一些排列相关的样式,如字体间距,对齐方式等源代码如下:<!doctype html><html> <head> <meta charset="utf-8"> <title>文本样式</title> <meta name="descrption" content...原创 2019-04-15 11:28:53 · 1019 阅读 · 0 评论 -
CSS中的字体样式
CSS中的字体样式字体样式的作用:针对字体本身的一些修饰相关的样式,如字体的颜色,字体的大小等源代码如下:<!doctype html><html> <head> <meta charset="utf-8"> <title>字体</title> <meta name="descrption" con...原创 2019-04-14 13:34:28 · 1031 阅读 · 0 评论 -
指针 透明度 溢出
指针 透明度 溢出今天主要讲的是指针,透明度和溢出;其中指针就是我们平时移动鼠标时的形状,我们可以设置在网页上使用我们自己想用形状的指针,透明度就是指设置整个标签的透明度,使标签的颜色看起来会淡很多;溢出就是指元素内容的超出处理,当一个标签的内容超出本身所在的位置时,我们可以对其进行超出处理的设置源代码如下:<!doctype html><html> <...原创 2019-04-14 13:01:42 · 259 阅读 · 0 评论 -
背景
CSS样式中的背景背景我们一般是分为两种来说,一种是背景颜色,另一种就是背景图片那么什么是背景呢?背景就像是我们平时说的壁纸一样,并不会影响我们房间的任何布局,只是起到装饰作用源代码如下:<!doctype html><html> <head> <meta charset="utf-8"> <title>背景<...原创 2019-04-11 09:55:32 · 249 阅读 · 0 评论 -
元素的垂直对齐方式
元素的垂直对齐方式元素的垂直对齐方式,在以后的运用中会经常用到,并且会在重置样式中用到,因此需要大家注意一下源代码如下:<!doctype html><html> <head> <meta charset="utf-8"> <title>元素的垂直对齐方式</title> <meta name="d...原创 2019-04-11 09:49:45 · 661 阅读 · 0 评论 -
标签的特征
行级标签与块级标签标签的特征共分为三种:行级标签块级标签行块标签行级标签:特性:1.和其他元素标签同在一行2.不支持宽高的设置,宽高全是有内容撑开3.上下边距可以设置,但是没有效果,其他的边距都支持4.标签间的换行会被认为是空格块级标签:特性:1.独自占一行位置2.支持宽高,可以设置宽高,3.所有边距都支持行块标签:特性:1.排列特性:可以和其他标签在同一行...原创 2019-04-11 09:30:01 · 2144 阅读 · 0 评论 -
伪类
伪类伪类分为两类,一类是伪类选择器,一类是伪类元素伪类大多数都是以选择器为依托来表现出来的,我们常说的伪类选择器或者伪类元素,其实说到底也就是一种特殊的选择器或特殊的元素,他们和选择器或元素的本质是没有什么太大的区别的,下面的我们来看看什么是伪类选择器和伪类元素源代码如下:<!doctype html><html> <head> <meta...原创 2019-04-06 17:00:16 · 864 阅读 · 1 评论 -
选择器的优先级
选择器的优先级上一节我们知道了选择器的结构开关系,这一节我们来看看选择器的优先级:问题:当三个选择器都同时选择一个元素并且三个选择器都有不同的样式的时候,元素应该会执行哪一条的命令?影响优先级的因素:1.优先级类名影响id>class>标签名>通配符>默认样式2.选择器数量的影响数量越多,优先级越高3.执行顺序的影响执行顺序越靠后优先级越高,靠后是指在靠近...原创 2019-04-01 12:59:26 · 2802 阅读 · 0 评论 -
选择器的结构关系
选择器的结构关系我们已经学了选择器的类型(标签名选择器、类名选择器、id选择器、通配符选择器),那么我们本节来学习一下选择器之间的结构关系有哪些。选择器的结构关系作用:根据标签结构(特征)来筛选需要选中的标签选择器的结构关系有哪些:后代选择器(包含选择器):中间是空格,可以跳着写,但是不能少写子级选择器:加了一个>号,只会从子级元素中找,不会在所有的后代中找,只能一个...原创 2019-04-01 12:10:31 · 452 阅读 · 1 评论 -
CSS样式概述
CSS样式概述在上期我们学习的是关于html的基本标签,今天我们来学习一下CSS样式的基本知识概念。大家知道,在一个网页的制作过程中,html仅仅是起到了整体结构的作用,而其中的修饰样式部分却是我们CSS来完成的;今天我们来初步的认识一下什么是css样式,css样式的作用又是哪些。源代码:<!doctype html><html> <head> ...原创 2019-03-27 00:18:25 · 228 阅读 · 0 评论 -
边距的合并与溢出
边距的合并与溢出盒子与盒子之间会出现两种情况,一个是边距的合并,一个是边距的溢出,那么什么是边距的合并与溢出呢,下面会详细介绍:边距的合并:当上下相邻的两个元素,相邻的面同时拥有外边距时,其外边距值只会取其中较大的值边距的溢出:当父子关系的两个元素,子级拥有上下边距时,其外边距不会作用于父级,而是会传递给父级代码如下:<!doctype html><html>...原创 2019-03-31 00:28:43 · 161 阅读 · 0 评论 -
定位
定位定位属性position允许元素相对自身的所在的位置.定位分为三类:相对定位,绝对定位和固定定位相对定位:以自身为参照物,占据原有的位置绝对定位:定位 父级 以父级为参照物固定定位:一浏览器窗口为参照物源代码如下:<!doctype html><html> <head> <meta charset="utf-8"> ...原创 2019-04-23 11:26:05 · 190 阅读 · 0 评论