文章库ARTICLE COLUMN

  • 给网站头部添加视频海报

    给网站头部添加视频海报

    摘要:给网站头部添加视频海报视频海报设置透明度循环播放,自动播放静下来携一缕清风,续一杯清茶且听风轻云淡结果给网站头部添加视频海报 1 DOCTYPE html> 2 3 4 5 视频海报 6 7 *{ 8 margin: 0; 9 ...

    heartFollowerheartFollower 评论0 收藏0
  • 前端基础-- CSS

    前端基础-- CSS

    摘要:语法每个样式右两部分组成选择器和声明。格式如下外部样式外部样式就是将写在一个多带带的文件中,然后在页面进行引入即可。CSS知识 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来...

    番茄西红柿番茄西红柿 评论0 收藏0
  • webpack配置sass模块的加载

    webpack配置sass模块的加载

    摘要:管理的项目,我们希望用定义样式,为了正常编译,需要做如下配置。这里不讲的入门,入门的文章,我推荐这篇入门。webpack管理的项目,我们希望用sass定义样式,为了正常编译,需要做如下配置。这里不讲webpack的入门,入门的文章,我推荐这篇《webpack...

    番茄西红柿番茄西红柿 评论0 收藏0
  • css实现垂直居中

    css实现垂直居中

    摘要:结构垂直居中默认样式结构该方法兼容,火狐,谷歌,并且是否有宽高都可以。兼容火狐谷歌参考布局左右居中上下居中绝对定位和负边距该方法兼容,火狐,谷歌,必须有宽高。html结构 垂直居中 默认css样式结构 .box{ width:200px; height...

    raise_yangraise_yang 评论0 收藏0
  • HTML是什么与基础格式

    HTML是什么与基础格式

    摘要:又称超文本标记语言。所以制作网站的本质,其实就是编写代码。基础格式编码一定要写哦我是页面标题我是正文内容可以看到,其实是由标签组成的。文档的结构包括头部和身体,其中头部提供关于网页的信息,身体部分提供网页的具体内容。html 又称 超文本...

    marekmarek 评论0 收藏0
  • CSS中字距,词距,首行缩进,字体大小,排版相关问题的探讨

    CSS中字距,词距,首行缩进,字体大小,排版相关问题的探讨

    摘要:卡的要死,半死不活,也懒得深入研究这些细节,字体排版上不是强迫症,差别也不大。文字,咋排就是这么简单的页面。后的空格,后加上字距蓝色,再加上单词间距粉红色块才是真正的距离。先说明下,这是在谷歌浏览器下字体显示等问题做个研究,火狐下有点...

    hedge_hoghedge_hog 评论0 收藏0
  • css伪类和伪元素的区别,:before和::before的区别

    css伪类和伪元素的区别,:before和::before的区别

    摘要:伪类用于选择树之外的信息,或是不能用简单选择器进行表示的信息。比如表示选择元素内容的之前内容,也就是表示选择元素被选中的内容。是的写法,是的写法。伪类用于选择DOM树之外的信息,或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状...

    jeffrey_upjeffrey_up 评论0 收藏0
  • css居中的方法

    css居中的方法

     

    hufenghufeng 评论0 收藏0
  • css 画图形大全

    css 画图形大全

    摘要:八边形Square   #square { width: 100px; height: 100px; background: red; } Rectangle     #rectangle { width: 200px; height: 100px; background: red; } Circle     #circle { widt...

    CarbsCarbs 评论0 收藏0
  • CSS之2D转换模块

    CSS之2D转换模块

    摘要:转换模块参考手册属性向元素应用从或转换。该属性允许我们对元素进行旋转缩放移动或者倾斜。不设置透视注意属性只能影响转换元素综合实例一模块转换扑克练习模块转换扑克练习综合实例二相片墙转换模块照片墙转换模块照片墙CSS 2D转换模块 transform 参...

    andotandot 评论0 收藏0
  • 微信小程序:动画(Animation)

    微信小程序:动画(Animation)

    摘要:简单总结一下微信动画的实现及执行步骤。一实现方式官方文档是这样说的创建一个动画实例。调用实例的方法来描述动画。简单总结一下微信动画的实现及执行步骤。 一、实现方式 官方文档是这样说的:①创建一个动画实例 animation。②调用实例...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 前端——基础

    前端——基础

    摘要:思路屡清楚后,我们就开始说零基础如何自学前端开发。首先,了解前端是干什么用的,简单来说就是负责把网站的页面以一种更好的用户体验提供给客户的一份工作,就是做网站开发的。其实这个问题很简单,我用最简单的语言给大家描述一下,学习一样东西就要...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 倒计时5,4,3,2,1css实现(count down  from 5 to 1 using cs

    倒计时5,4,3,2,1css实现(count down from 5 to 1 using cs

    //count down from 5 to 1, a useful animation. show the code to you:   #contain {   width: 400px;   height: 300px;   overflow: hidden; }   #pic { height: 1200px;   animation: switch 5s ease-out infi...

    ZoomQuietZoomQuiet 评论0 收藏0
  • 【HTML&CSS】搜狐页面代码编写

    【HTML&CSS】搜狐页面代码编写

    摘要:韩顺平老师讲课最后一个用例就是还原搜狐门户网站的首页和部分,虽然视频中他的是年前的网站页面,蛋根本不妨碍我完成完成现在版本的搜狐页面。DOCTYPE html> 搜狐首页 ...

    lakesidelakeside 评论0 收藏0
  • CSS回顾(基础知识,元素,选择器,盒子,颜色)

    CSS回顾(基础知识,元素,选择器,盒子,颜色)

    摘要:元素分类行级元素内联元素特征内容决定元素所占位置,不可以通过改变宽高块级元素特征独占一行,可以通过改变宽高行级块元素特征内容决定大小,可以改变宽高选择器类型通用的,没写那些伪类父子选择器派生选择器有父子关系的几个元素组成的选择器,下的...

    番茄西红柿番茄西红柿 评论0 收藏0
  • HTML

    HTML

    摘要:秒后跳转到对应的网址,注意引号指定文档的编码类型告诉以最高级模式渲染文档属性主要用于描述网页,与之对应的属性值为,中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。主要通过样式为其赋予不同的表现。一、WEB本质 本质:socket 浏览器...

    番茄西红柿番茄西红柿 评论0 收藏0
  • margin相关基本知识

    margin相关基本知识

    摘要:也能用于内联元素这是规范所允许的的和属性对非替换内联元素无效例如和。解决方法把左侧块级元素更改为内联元素,比如把更换为。 什么是 margin ? CSS 边距属性定义元素周围的空间。通过使用多带带的属性,可以对上、右、下、左的外边距进行设置。也可...

    godiscodergodiscoder 评论0 收藏0
  • 精选:3个可以下载免费的高质量照片的网站

    精选:3个可以下载免费的高质量照片的网站

    摘要:通过这些网站可以改善你的设计项目,这些是网上提供免费的高质量图片最好的网站。我们挑选了三个提供高质量免费图片的最佳网站,您可以随意下载和使用。我们确保所有发布的图片都是高质量的,并根据许可证进行许可。  在您的照片库中加入成千上万张高...

    crosseacrossea 评论0 收藏0
  • 前端入门1-基础概念

    前端入门1-基础概念

    摘要:基础基础是一种标记语言,不是编程语言,需要明确这点。元素标签内容基础基础负责文本样式的呈现,既然将和分离开,各自只负责各自的职责,那么肯定需要某种方式将两者连接在一起。 本篇文章已授权微信公众号 dasu_Android(大苏)独家发布 声明 本系...

    codecraftcodecraft 评论0 收藏0
  • 前端入门2-HTML标签

    前端入门2-HTML标签

    摘要:标签用于表示代码块。而所有行的单元格都是表格的主要内容,因此都在标签中。引入表格结构标签,是为了更好的区分出各个单元格的含义。 本篇文章已授权微信公众号 dasu_Android(大苏)独家发布 声明 本系列文章内容全部梳理自以下四个来源: 《HTML5...

    NickZhouNickZhou 评论0 收藏0
  • WebStorm File Watchers配置将.less文件编译后的.css输出至指定目录

    WebStorm File Watchers配置将.less文件编译后的.css输出至指定目录

    Arguments:其实是命令行输入lessc file.less file.css后者指定路径 Output Paths to refresh:刷新changed后.css文件

    RdouTypingRdouTyping 评论0 收藏0
  • WEB前端资源代码:CSS篇

    WEB前端资源代码:CSS篇

    摘要:误区注意只是动态分配父元素的剩余空间,而不是整个父元素的空间。默认值如果项目未设置高度或设为,将占满整个容器的高度。负值对该属性无效。高像素密度设备相应放大,像素密度设备相应缩小。css3新单位vw、vh、vmin、vmax vh: 相对于视窗的高度, 视...

    番茄西红柿番茄西红柿 评论0 收藏0
  • scss-!optional

    scss-!optional

    摘要:翻译成汉语具有可选的的意思。顾名思义,标记前面的扩展不必须生成一个新的选择器。代码修改如下由于是可选的,即便样式类不存在也不会报错。  optional翻译成汉语具有"可选的"的意思。顾名思义,!optional标记前面的扩展不必须生成一个新的选择器。...

    A  LoityA Loity 评论0 收藏0
  • scss-函数

    scss-函数

    摘要:本身带有大量的内置函数,具体可以参阅官网函数模块。语法开头声明一个函数,函数内部使用返回一个值,参数可以省略。是一个内置函数,可以从列表中找到对应索引的值索引是从开始的,与大多数编程语言从开始不同。  在scss中除了可以定义变量,具有@e...

    ShisuiShisui 评论0 收藏0
  • 前端入门3-CSS基础

    前端入门3-CSS基础

    摘要:表示的是满足第一个选择器的前提下,从它匹配到的元素后,去寻找位于同一层级,且在该元素后面的所有满足第二个选择器的元素。 本篇文章已授权微信公众号 dasu_Android(大苏)独家发布 声明 本系列文章内容全部梳理自以下四个来源: 《HTML5权威指南...

    JackJiangJackJiang 评论0 收藏0

热门文章

<