IT狗

Web前端

起名与选择器~(总结类、持续更新系列)

废话没有,直接干活  一、起名方式:1.元素自身的标签名;          2.利用 class 属性自定义名称;          3.利用 id 属性自定义名称。共三种,其中class使用居多。     起名规范:不能用汉字起...

/ ()阅读()

目前已知且常用的网站优化

1、将css放在页面最上面,将js放在页面最下面css放在页面最上面可以防止页面出现白屏、闪跳的现象,即减少页面的首屏出现时间。js的下载和执行会阻塞Dom树的构建(严谨地说是中断了Dom树的更新),所以script标签放在首屏范围...

/ ()阅读()

css-css和html的结合方式(四种结合方式)

  (1)在每个HTML标签上面都有一个属性 style,把css和HTML结合在一起     <div style="background-color:red;color:blue;">我是一只小小鸟</div>  (2)使用HTML的一个标签实现,<style>标签:写在head里面     <sty...

/ ()阅读()

html-使用表单标签实现注册页面

  案例说明:       - 使用表格实现页面效果
    - 超链接不想要有效果,使用href="#"
    - 如果表格里面的单元格没有内容,使用空格作为占位符 &nbsp;
    - 使用图片标签提交表单 <input ty...

/ ()阅读()

html-表格标签

  表格标签可以对数据进行格式化,使数据显示更加清晰     <table></table>:表示表格的范围
      - border:表格线
      - bordercolor:表格线的颜色
      - cellspacing:单元格之间的...

/ ()阅读()

html-图像标签

  图像标签
    <img src="图片的路径"/>
      -src:图片的路径
      -width:图片的宽度
      -height:图片的高度
      -alt:图片上显示的文字,把鼠标移动到图片上,停留...

/ ()阅读()

htm-文字标签和注释标签

  文字标签:修改文字的样式     <font></font>
   属性:
    size:文字的大小 取值范围 1-7,超出了7,默认还是7
    color:文字颜色
  两种表示方法
    英文单词:red、green、blue、bla...

/ ()阅读()

关于CSS的知识

这两天在学习关于HTML的知识,今天学习到CSS的知识,将自己所收获的知识点归纳一下:首先,  CSS声明学习:
1、在head标签中使用style标签声明:
作用:此声明一般声明当前网页的公...

/ ()阅读()

前端入门4-CSS属性样式表

本篇文章已授权微信公众号 dasu_Android(大苏)独家发布声明本系列文章内容全部梳理自以下四个来源:《HTML5权威指南》《JavaScript权威指南》MDN web docsGithub:smyhvae/web作为一个前端小白,入门跟着这四个来源学习,感谢...

/ ()阅读()

前端入门3-CSS基础

本篇文章已授权微信公众号 dasu_Android(大苏)独家发布声明本系列文章内容全部梳理自以下四个来源:《HTML5权威指南》《JavaScript权威指南》MDN web docsGithub:smyhvae/web作为一个前端小白,入门跟着这四个来源学习,感谢...

/ ()阅读()

scss-函数

  在scss中除了可以定义变量,具有@extend和@mixins等特性之外,还自备了一系列的函数功能。  scss本身带有大量的内置函数,具体可以参阅官网函数模块。   一、字符串函数unquote($string):只能删除字符串最前和最后...

/ ()阅读()

scss-!optional

  optional翻译成汉语具有"可选的"的意思。顾名思义,!optional标记前面的扩展不必须生成一个新的选择器。看一段SCSS代码片段:p{ color:red; @extend .notice }...

/ ()阅读()

WEB前端资源代码:CSS篇

css3新单位vw、vh、vmin、vmaxvh: 相对于视窗的高度, 视窗被均分为100单位的vh;
vw: 相对于视窗的宽度, 视窗被均分为100单位的vw;vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax...

/ ()阅读()

前端入门2-HTML标签

本篇文章已授权微信公众号 dasu_Android(大苏)独家发布声明本系列文章内容全部梳理自以下四个来源:《HTML5权威指南》《JavaScript权威指南》MDN web docsGithub:smyhvae/web作为一个前端小白,入门跟着这四个来源学习,感谢...

/ ()阅读()

前端入门1-基础概念

本篇文章已授权微信公众号 dasu_Android(大苏)独家发布声明本系列文章内容全部梳理自以下四个来源:《HTML5权威指南》《JavaScript权威指南》MDN web docsGithub:smyhvae/web作为一个前端小白,入门跟着这四个来源学习,感谢...

/ ()阅读()

css background-image 自适应宽高——转载

就是这么简单的一句话,设置背景图,并让它100%的适应导航栏宽高,并设置不重复,大小100%就OK了.zjhn-nav li.active a{ background-image:url(../image/Click_03_temp.png); background-repeat:no-repeat; background-size:...

/ ()阅读()

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

  在您的照片库中加入成千上万张高品质的照片,涵盖各种主题和风格!下面列出的网站提供可用于任何项目的图像,没有限制。您不必担心因为一张小图片的版权而导致麻烦。通过这些网站可以改善你的设计项目,这些是网上提供免...

/ ()阅读()