HTML超文本标记语言页面的结构首行声明文档类型>根标记>头部标记/主体标记标记div布局切割分割划分区域span标记存放文本信息br换行script脚本style风格/样式meta元元数据设置字符编码集属性标记内部idclasstypecharsetstyleCSS层叠样式表<style>选择器:三种基本选择器idclass标记样式height高width宽backgr
原创 2020-10-10 20:53:52
377阅读
3点赞
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文档变得更加简洁。基本语法格式:选择器{属性:值;属性:值;属性:
css
原创 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样式代码​​​​六、? 如何让学习不再盲目​​​​七、?更多干货​​一、?‍?网站题目? 美食网页介绍、?甜品蛋糕、?地方美食小吃文化、?餐饮文化、等网站设计与制作。二、✍️网站描述?美食主题网站 主要对各种美食进行展示,让浏览者清
<!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...
CSS
原创 2021-07-05 11:44:03
303阅读
调整元素大小是一个重要技能,CSS 提供了多种方法来控制和调整元素尺寸,以适应不同设计需求和屏幕尺寸。
原创 精选 2024-08-30 10:03:26
435阅读
1点赞
Web界面布局使用到CSS你想了解吗?你想熟悉吗
原创 2022-12-06 09:16:34
184阅读
最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。什么是混合?根据维基百科:数字图像编辑和计算机图形混合模式(或混合模式)用于确定两个图层如何相互混合。在大多数应用程序,默认混合模式只是通过用顶层内容覆盖底层来隐藏底层。在CSS,有两个属性负责混合。 mix-blend-mode用于混合DOM元素,background-b
CSS
转载 2021-01-21 18:00:42
239阅读
盒子hover动画效果
原创 2018-06-28 14:38:02
256阅读
一、概念: 它是一种用来表现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 属性中加入
css
原创 2015-07-15 17:43:23
379阅读
  • 1
  • 2
  • 3
  • 4
  • 5