![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
James-Blackhu
IT小白欢迎大家指正……
展开
-
盒子模型以及获取元素位置
前言 这几天接触获取元素位置的信息比较多,感觉有点混淆了,感觉位置有好多种的获取方式,而且每一种的获取方式的使用范围和作用范围都是有一点区别的,为了能够区分的好一点,于是做一个小小的总结,能够有所收获。盒子模型 此模型在使用CSS进行网页布局的时候会用到的一个模型。里面装有HTML元素的一些内容。一个盒子由外到内分别由四部分组成:margin(页边距)...原创 2020-03-16 19:57:00 · 549 阅读 · 5 评论 -
CSS基础之元素的显示与隐藏
元素的显示与隐藏存在三个属性。display、visibility和overflow。 display display用于设置一个元素如何显示。其用法如下: display:none; 隐藏对象,使用display隐藏对象之后,元素不再占有原来的位置。 display:block; 显示对象,还有一层其他...原创 2020-04-07 08:33:30 · 247 阅读 · 3 评论 -
CSS基础之定位
· 定位就是将盒子定在某个位置。定位=定位模式+边偏移。所谓的定位模式,决定元素的定位方式。通过CSS的position属性来设置,他的值可以分为四种:静态定位(static)、相对定位(relative)、绝对定位(absolute)和固定定位(fixed)。所谓的边偏移即定位了盒子移动到最终的位置,有top、bottom、left和right四个属性。分别具有以下含义:边偏移...原创 2020-04-06 08:57:26 · 207 阅读 · 4 评论 -
CSS基础之浮动
网页布局的本质——用CSS来摆放盒子,把盒子摆放到相应的位置。CSS提供了三种传统的布局方式:普通流(标准流)、浮动、定位。 此处对浮动进行一个小小的总结,至于定位在学习完定位的时候在进行总结。所谓的标准流就是标签按照规定好的默认方式进行排序。 1、块级元素会独占一行,从上向下顺序排列(特点见浮动:)常用元素:div、hr、...原创 2020-04-04 10:58:04 · 197 阅读 · 3 评论 -
CSS基础之三大特性
CSS的三大特性:层叠性、继承性和优先级 层叠性: 其含义就是相同的选择器设置相同的样式的时候,此时一个样式会覆盖另一个冲突的样式。 原则:样式冲突,遵循的原则就是就近原则,哪个样式离着结构近就执行哪个样式。样式不冲突的时候,不会重叠。 例子如下:<!DOCTYPE html><html la...原创 2020-04-02 09:59:51 · 200 阅读 · 2 评论 -
CSS基础之本设置
前篇博客对CSS的选择器进行了一些总结,本次博客对文本的设置进行一个小小的总结。文本的设置又包括了字体的设置和文本的一些属性的设置, 字体的设置 字体的设置又包括设置字体样式、设置字体大小、设置字体粗细一级文字的样式(如斜体)等。 ------》font-family:指定字体 font-family用于设置字体:例如宋...原创 2020-04-01 15:52:18 · 228 阅读 · 2 评论 -
CSS基础之选择器的分类
目录基础选择器------》标签选择器------》类选择器-----》id选择器-----》通配符选择器复合选择器-----》后代选择器-----》子选择器-----》并集选择器-----》伪类选择器 ----》链接伪类选择器 -----》focus伪类选择器 这几天一直在学习CSS基础,学习和接触了很...原创 2020-03-31 19:52:49 · 532 阅读 · 2 评论 -
HTML中!DOCTYPE含义以及各个信息参数的详解
最近一直在使用asp.net中建立的HTML页,每次建立都会有一些默认的东西,今天就是这做一下解析。 首先是开头部分,建立HTML页之后的抬头<!DOCTYPE html>,每次建立都会出现,当我删除之后在运行源代码便也没有什么区别,遇事对其进行了一点查询和了解。 <!DOCTYPE html> DOCTYP...原创 2020-03-15 09:03:48 · 2646 阅读 · 3 评论