relative、absolute、fixed这三个属性,可以结合 z-index 来设置层级。
一个元素可以拥有多个类名 类名和类名之间用空格隔开 多类名选择器可以让我们解决更复杂的一些需求
设置背景图片 background-image: url(…/imgs/1.jpg);
层叠样式表。(Cascading Style Sheets) CSS 能够对网页中元素位置的排版进行像素级精确控制, 实现美化页面的效果. 能够做到页面的样式和结构分离。
通过前三篇的学习,相信你们对HTML有了一些基础的了解,那么我们就来先做一个小练习,巩固一下之前所学习的知识。
浏览器是指可以显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容,并让用户与这些文件交互的一种软件
标签显示模式 : 指的是 标签显示的方式 , 标签类型有很多 , 不同的情景使用不同类型的标签 ;
有时候有人会用大写字母做这个声明,不要觉得高大上或者觉得是不是不一样,作用是一模一样的。
简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。 比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。
在学习CSS时,我们需要搞清楚HTML 标签的一些分类,HTML 一般可分为块元素、行内元素以及行内块元素,不同的种类在呈现上有着不同的表现形式。
font-weight设置文字的粗细,常用取值lighter,bold和bolder还可以进行数字取值100,900
1、跳出新页面: <basetarget=”_blank”>target="_self"不跳转 <form action="xxx.htm" target="_blank">form表单提交的跳转设置 2、点击按钮跳出别的页面添加 onclick="return false" 3、display:block;块级元素,也就是说它可以设置一些宽高,独占一行,比如,div元素,p元素等display:inlin
特点:宽度默认是100%,高度默认是0,可以设置宽度和高度,会继承父级的宽度,换行显示—div ul li p h1
来来来,实现一个简单的布局. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> *{padding: 0px;margin: 0px;} .header { width:
在网页设计与开发中,HTML作为构建内容的基础,其元素根据显示特性的不同被分为两大类:块级元素(Block-level Elements)和内联元素(Inline Elements)。理解这两者的区别及正确使用它们,对于构建结构清晰、布局合理的网页至关重要。
1)块级元素会在文档中单独占有一行 ----------------在文档流中 在位置 即从上到小排列
HTML5+CSS3+JavaScript Web 前端开发案例教程(慕课版),微信读书中找到的学习Web前端书籍,好啦,我要带着课后习题,开始学习前端开发了,耶(^-^)V
这六个标题标签在页面中的重要性是有区别的,其中 h1 标签的重要性最高,h6 标签的重要性最低。
margin:0;
核心在于:块级标签可以嵌套任何的标签,文本级别的只能嵌套图片超链接 文字。 块级占一行,文本级不会。
今天我为大家介绍一下html的基本知识。 什么是html html指的是超文本标记语言(Hyper Text Markup Language),它包含一系列的标签,我们把这些标签叫做HTML标签,它是HTML语言中最基本的单位、最重要的组成部分。html是用来描述网页的一种语言。 上面是一个基本的html代码文件,下面我们来看看其具体含义。 html属性 DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档
打开apache的配置文件httpd.conf
#LoadModule rewrite_module modules/mod_rewrite.so
打开apache的配置文件httpd.conf 找到 #LoadModule rewrite_module modules/mod_rewrite.so 把前面#去掉。没有则添加,但必选独占一行,使apache支持 mod_rewrite 模块 找到 <Directory "D:/ApacheServer/web"> # # Possible values for the Options directive are "None", "All",
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>
HTML可以将元素种类分为行内元素、块级元素和行内块级元素三种,在使用过程中可以通过CSS的display属性相互转换。
为了 不同场景应用不同显示模式,更好布局页面,我们需要系统学习元素的显示模式。
div span 是没有语义的,是网页布局主要的 2 个盒子 div 就是 division 的缩写分割,分区的意思。
一.html (一)标签类型 1.块元素(独占一行!即使通过css设置宽度width,也会占一行的位置) div(无语义) 列表 ur/ol/li 段落 p 标题 h1-h6 自定义列表 dl/dt/dd 其它常见问题 块元素的居中问题 块级元素左右居中:先设置自身width;然后,margin: 0 auto; 2.内联元素(行内)[不支持width, height, margin上下,padding上下] 常用内联元素 span(无语义) 超链接标签 a src可
1. 块状元素:独占一行,可以改变它的宽度和高度。如:标签 等等标签。01
作者在求学期间自学了前端界面相关的,算是有一些基础, 但是在工作中前端知识一直没有用武之地,导致前端的知识七零八落的不成体系,所以痛腚思痛,这篇专栏主要是回顾学习之前的知识,同时跟随B站黑马程序员的视频,边看边学 视频在这里~ @B站黑马程序员视频
站长建议:视频只是作为知识点补充,不要一开始就直接看视频,最好是在阅读之后,带着疑问去看视频。
div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul … 特点:总是在新行上开始,高度、行高以及顶和底边距都可控制,宽度缺省是它的容器的100%,除非设定一个宽度 功能:主要用来搭建网站架构、页面布局、承载内容
css的display属性是前端开发中非常常见的属性,本文简单介绍下其中比较常用的属性值,即block、inline和inline-block。
文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,块状元素独占一行,内联元素不独占一行;
background-repeat:no-repeat; 不平铺
HTML元素按布局属性可以分为三种类型:块级元素、行内元素、行内块元素 这篇文章梳理一下他们的区别与联系
值: (1)、normal(正常);bold(加粗);(<==常用) (2)、纯数字:100~900的整百数;
层叠样式表(英文全称:Cascading StyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
选择器就是css样式指定的作用在那些标签上;如果一个属性名有多个值,多个值之间使用 空格 隔开
学习慕课网笔记,课程:http://www.imooc.com/code/2024 1.css选择器 子选择器:parent>child 子选择器是指选择parent的范围内的第一个子元素。这里parent和child均是伪代码。可以是class用.classname,也可以是标签ul>li,也可以是id #pid>#cid 后代选择器:parent child 后代选择器是指:选择parent范围内的所欲child元素。与子选择器不同的是,这里包含嵌套内的child元素,而子选择器仅仅选中parent
作为一名后端狗,也有一个全栈梦。前端工程师第一步,CSS的基础得打好。本文仅用于记录上周学习CSS的过程,文中对于CSS知识点可能存在理解错误之处。
本节所有的代码: https://download.csdn.net/download/qq_44273429/12729648 未完待续,,, 下一节链接: Web前端基础(04)
CSS3 说明 此笔记为本人学习遇见狂神说的教程学习笔记,侵删。 快速入门 html文件中 <style> h1{ color: red;
1 文档流 要了解css的布局,就要先了解什么是文档流。文档流就是HTML元素的一种排列规则。 而正常文档流就是在不用样式控制之下,html元素的默认排版方式。它的规则如下: 自上而下排列,每个块元素独占一行,行内元素自左向右排列,不会独占一行 独占一行 从左向右 这是在不使用 样式的请况之下正常排列方式。倘若使用样式改变了某些元素的位置,那么就称为脱离文档流。也正是因为如此,才能有丰富的页面布局方式。否则大家都只是遵循上述两种方
1. 块状元素:独占一行,可以改变它的宽度和高度。如:标签 等等标签。02
HTML(HyperText Markup Language, 超文本标记语言),用于构建网页基本结构及其内容的标记语言
该 PHP 编码规范基本上是同 PSR 规范的。有一部分的编码规范 PSR 中是建议,此编码规范会强制要求。 此编码规范 是以 PSR-1 / PSR-2 / PSR-2扩展 为蓝本,并增加了相应的细节说明。
领取专属 10元无门槛券
手把手带您无忧上云