HTML超文本标记语言页面的结构首行声明文档类型>根标记>头部标记/主体标记标记div布局切割分割划分区域span标记存放文本信息br换行script脚本style风格/样式meta元元数据设置字符编码集属性标记中内部idclasstypecharsetstyleCSS层叠样式表<style>选择器:三种基本选择器idclass标记样式height高width宽backgr
原创
2020-10-10 20:53:52
377阅读
点赞
CSS圆角——透明圆角化背景图片 CSS占位隐藏 它和display:none不一样,display只要none了,空间就腾出来了; 可是,visibility:hidden;却依旧可以占位,很多时候这个属性特别有用; div左中右排列 <!DOCTYPE html PUBLIC "-//W3C//
转载
2019-09-04 13:07:00
37阅读
一.CSSCSS有三种用法:内联样式;内部样式;外部样式二.CSS语法规范 CSS由多个样式规则组成,每个样式规则有两个部分:选择器和样式声明 eg: h1 {color:red; font-size:14px;} 这里的h1为选择器,color:red为一组声明k
原创
2017-08-18 20:41:09
511阅读
css介绍CSS指层叠样式表(CascadingStyleSheets)定义如何显示控制HTML元素,从而实现美化HTML网页。为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁。基本语法格式:选择器{属性:值;属性:值;属性:
原创
2020-02-20 11:34:57
446阅读
CSS:圆角按钮的制作 (2013-01-18 10:52:56)转载▼标签:css圆角按钮css按钮按钮宽度自适应分类: div css我们都知道现在CSS3的
原创
2023-06-15 09:15:14
400阅读
? 精彩专栏推荐?????? ? 美食网页介绍、?甜品蛋糕、?地方认识。??静态网站的编写主要是用HTML DIV
原创
2022-10-23 10:36:41
473阅读
?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站效果五、? 代码实现?HTML结构代码?CSS样式代码六、? 如何让学习不再盲目七、?更多干货一、??网站题目? 美食网页介绍、?甜品蛋糕、?地方美食小吃文化、?餐饮文化、等网站的设计与制作。二、✍️网站描述?美食主题网站 主要对各种美食进行展示,让浏览者清
原创
2022-10-31 14:57:31
250阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
转载
2021-08-22 18:45:00
574阅读
2评论
目录: WEB的周期制作流程 UML辅助网站规划和设计指南 专业信息网站制作规范 网页制作规范及流程 网站技术规范 技术概念详解 网页设计的八种陋习 如何为网上广告做标题 网站规划书浅析 网站策划书参考 网站项目管理规范手册 如何做好网站开发项目需求分析WEB的周期制作流程 做好一个SITE首先必须充分了解SITE内容为基础,并建立在完整的工作计划基础上完成,所以如何做好的站点光凭表面的认识是不够
转载
精选
2006-03-04 20:23:41
1975阅读
2评论
我用 Chrome 打开一个网页后,F12 打开 Chrome 开发者工具,在 Elements 面板观察到一些 DOM 元素有 ::before, 这是什么含义?
在Web前端开发中,::before 是CSS伪元素之一,它用于在指定元素的内容前插入生成的内容。这个伪元素允许开发者通过CSS样式向元素的前部添加额外的内容,而无需修改HTML结构。这通常用于在页面中添加装饰性的元素或者样式。
首
原创
2023-11-24 09:30:26
91阅读
我用 Chrome 打开一个网页后,F12 打开 Chrome 开发者工具,在 Elements 面板观察到一些 DOM 元素有 ::before, 这是什么含义? 在Web前端开发中,::bef
原创
2023-12-04 10:08:44
78阅读
一、博客网页1、html代码:<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta&nbs
原创
2018-03-21 10:55:33
1492阅读
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。问题描述大家在制作网页过程中经常会遇到需要这种样式的di...
原创
2021-07-05 11:44:03
303阅读
调整元素的大小是一个重要的技能,CSS 提供了多种方法来控制和调整元素的尺寸,以适应不同的设计需求和屏幕尺寸。
原创
精选
2024-08-30 10:03:26
435阅读
点赞
Web界面布局使用到的CSS你想了解吗?你想熟悉吗
原创
2022-12-06 09:16:34
184阅读
最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。什么是混合?根据维基百科:数字图像编辑和计算机图形中的混合模式(或混合模式)用于确定两个图层如何相互混合。在大多数应用程序中,默认的混合模式只是通过用顶层的内容覆盖底层来隐藏底层。在CSS中,有两个属性负责混合。 mix-blend-mode用于混合DOM元素,background-b
转载
2021-01-21 18:00:42
239阅读
一、概念: 它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言 的一个子集)等文件样式的计算机语言。 二、特点: 1.实现网页内容与样式的分离 2.降低图形文件的使用。 3.集中管理样式信息。 4.共享样式设定。 5.将样式分类使用。 三、选择器优先级: ID选择器 >
转载
2017-05-23 11:00:00
210阅读
2评论
<ul class='nav'>
<li>列表1</li>
<li>列表2</li>
</ul>
<div>列表1内容:123456</div>
<div>列表2内容:abcdefgkijkl</div> (1):target 伪类
转载
2023-06-09 17:37:32
109阅读
1.1CSS 链接的四种状态:a:link --普通的、未被访问的链接 a:visited --用户已访问的链接 a:hover --鼠标指针位于链接的上方 a:active --链接被点击的时刻这里我们需要注意的是这四个属性设置要遵循的顺序问题: a:hover 必须位于 a:link 和 a:visited 之后 a:active 必须位于 a:hover 之后我们要在 link 属性中加入
原创
2015-07-15 17:43:23
379阅读