css
文章平均质量分 50
Wellfancy
无聊的从来都不是生活
展开
-
制作网页时,如何让元素或盒子居中显示
我们在制作网页时,常常会遇到一个问题,“我想把这个内容放在正中央显示!”,即让元素(盒子)上下左右(水平垂直)居中。在解决这个问题之前,让我们先确定想居中的元素是行内元素还是块状元素。如果是行内元素想要水平居中显示的话就非常简单了,只需要利用text-align:center;就可以实现。如果是块状元素想要水平居中,那么又分为两种情况,定宽的和不定宽的。定宽块状元素:块状元素的宽度width为固定值。当我们设置定宽块状元素时,我们可以把左右margin”值设置为“auto”,而原创 2021-07-23 23:23:21 · 5589 阅读 · 0 评论 -
如何设置一个烦人的网页弹窗--CSS层模型之固定定位
大家在浏览许多网页时,是否遇到过右下角的弹窗小广告?“大渣好,我系轱天乐,我四渣渣辉,探挽懒月,介四里没有挽过的船新版本,挤需要体验三番钟,里造会干我一样,爱象节款游戏......”即使我们滚动屏幕,它也在那一动不动,这是为什么呢?它是怎样做到的呢?----其实它是利用了层模型的固定定位我们常看到的形式可能如下.....其实只要简单的几行代码即可完成这个操作position:fixed;/* 将位置设置为层模型 */top:100px;/* 当前元素距离顶部的距离 .原创 2021-07-23 22:24:17 · 516 阅读 · 2 评论 -
在HTML中如何让两个块状元素并排显示
我们知道,在css布局模型中,分为三个类型:1、流动模型(Flow)2、浮动模型 (Float)3、层模型(Layer)其中流动模型是网页中默认的布局模型,那如果我们想让两个块状元素并排显示,就需要用到浮动模型了。假设我们现在有两个“盒子”,在网页中默认的形式应该是这样的:但现在我们需要让这两个盒子并排显示,比如这样:我们就可以使用下面的代码,让两个块状元素靠左并排<!DOCTYPE html><html> <head> .原创 2021-07-23 21:54:58 · 26608 阅读 · 2 评论 -
CSS/CSS3的盒模型
ul是unordered lists的缩写 (无序列表)li是list item的缩写 (列表项目)ol是ordered lists的缩写(有序列表)dl是definition lists的英文缩写 (自定义列表)dt是definition term的缩写 (自定义列表组)dd是definition description的缩写(自定义列表描述)nl是navigation lists的英文缩写 (导航列表)tr是table row的缩写 (表格中的一行)th是table he原创 2021-07-22 22:01:00 · 206 阅读 · 0 评论 -
CSS/CSS3字体和文本样式代码示范
用到的知识有:font-family字体设置 font-size字体大小 font-weight字体粗细 font-style字体样式 color字体颜色 text-decoration文本修饰 text-indent首行缩进 line-height行间距 letter/word-spacing字符间距 text-align文本对齐方式注:代码中都是用的是 定义<!DOCTYPE html><html><head><met...原创 2021-07-22 21:08:52 · 577 阅读 · 0 评论 -
CSS3的选择器2
这篇文章主要说一下以下几个选择器:子选择器 后代选择器 通用选择器 伪类选择器 分组选择器上篇文章已经提到过的:标签选择器、类选择器和ID选择器这里就不讲了首先说一下子选择器:子选择器用大于符号“>”连接,选择到的是当前指定标签下的第一代子元素,举例:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <style type="text/css"&g原创 2021-07-21 21:38:57 · 198 阅读 · 0 评论 -
css的选择器
css的选择器标签选择器、类选择器和ID选择器<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>css的选择器</title> <style type="text/css">h1{font-weight:normal;color:red;}<!--标签选择器-->.stress{color:.原创 2021-05-13 15:52:46 · 88 阅读 · 2 评论 -
CSS的3种插入形式及其优先级
当我们使用HTML制作网页时,是否觉得不够好看?这时,我们就需要css的帮助啦!css--又称层叠样式表,简单来说,就是用来修饰你的html代码,给你的网页穿上好看的衣服。从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。首先来看内联式:内联式就是把css代码直接写在现有的HTML标签中,如下面代码:<!DOCTYPE html><html><head> <meta charset="UTF-.原创 2021-05-11 21:41:18 · 1949 阅读 · 0 评论