HTML与CSS知识主题的文章列表，还有HTML与CSS知识的技术要点_第212页

HTML5新标签

<article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。HTML5:<article></article>HTML4:<div></div><aside&g...

代码星球 ·2020-04-08

css变形与动画

1、变形 2、动画...

代码星球 ·2020-04-08

css绘制特殊图形

第一步：绘制矩形：第二步：把宽度设置为0px；第三步：把高度也设置为0px；这样就变成了由四个三角形围成的一个div；实质上这个div已经不存在了，因为它的width和height都为0；现在我们就可以来设置各种图形了，如下所示：1、透明颜色transparent；　　左边设置为透明的；　　右边也设置为tr...

代码星球 ·2020-04-08

第二周-3：CSS核心技术

（1）神奇的float； <!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><styletype="text/css">...

代码星球 ·2020-04-08

js的HTML属性操作

<inputtype="button"id="btn1"value="按钮"/>HTML属性操作：读、写　　属性名　　属性值属性都操作：获取、找到　　元素.属性<head><metacharset="UTF-8"><title>Title</title><...

代码星球 ·2020-04-08

CSS3 Border-image

　　今天我们就一起来学习这个border-image的属性。学习完这个border-image以后，大家一定会很兴奋，因为他改变我了们以往设置border的效果，以前我们border只能简单的设置一些纯色或几种简单的线型（如solid,dotted,double,dashed等）那么我们以后就可以通过border-im...

代码星球 ·2020-04-08

css3 设计多色边框

CSS3中有关于Border的属性一共有三个：设计圆角border-radius，设计边框背景border-image,设计多色边框border-color。　　现在我们来说一说设计多色边框border-color属性；那么在CSS3中这个属性又有什么不同之处呢？又将如何使用呢？在CSS2中，我们可以把border-c...

代码星球 ·2020-04-08

浅谈css常用伪类用法

着重写一下after和before的用法：css样式搞定：标签元素+伪类aftera.'class名':after{//我的样式名称是这个，可以写成你自己的样式名称　　content:'已打包';　　display:inline-block;　　min-width:10px;　　padding:3px7px;　　mar...

代码星球 ·2020-04-08

background属性总结，background-image路径问题相对于css和js

（1）background属性总结background简写属性在一个声明中设置所有的背景属性。可以设置如下属性：background-color规定要使用的背景颜色。background-position规定背景图像的位置。background-size规定背景图片的尺寸。background-repeat规定如何重复...

代码星球 ·2020-04-08

样式加载不出来，浏览器控制台报错：Resource interpreted as Stylesheet but transferred with MIME type text/html

今天在研究Java的Filter过滤器的时候，过滤网站的全部内容（包括静态内容），这样就导致了即使给静态资源放行了，浏览器响应静态资源的状态码也为200，但是就是加载不进来样式！后来经过几小时的大战终于找到了报错的原因引入资源报 Resourceinterpre...

代码星球 ·2020-04-08

mvc4 Styles.Render 生成带 Bootstarp.min.css 失败

Styles.Render生成连接为空白，类似失效的样子。今天刚用mvc4，发现了一个新的绑定压缩方法，很是兴奋，然后开始模仿着写。bundles.Add(newStyleBundle("~/Content/css").Include("~/Content/site.css"));//添加Bootstarp的CSSbu...

代码星球 ·2020-04-08

了解HTML表单之input元素的23种type类型

随着HTML5的出现，input元素新增了多种类型，用以接受各种类型的用户输入。其中，button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，新增的有color、date、datetime、datetime-local...

代码星球 ·2020-04-08

浅谈CSS图片base64编码技术

（1）引言　　图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的base64编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的base64编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的base64编码，为什么我们要用它，我们如何使用并且方便的使用它，并让你懂得如何去在前端的实...

代码星球 ·2020-04-08

react dangerouslySetInnerHTML用法

在react中，带有html格式的内容，会保留原有的标签样式，并不能正确展示。效果相当于Vue中的v-html//2个{{}}，第一{}代表jsx语法开始，第二个是代表dangerouslySetInnerHTML接收的是一个对象键值对;<divdangerouslySetInnerHTML={{__html:t...

代码星球 ·2020-04-08

vscode react中标签自动补全 vscode jsx语法自动补全html标签

文件--首选项--设置--用户设置在用户设置添加"emmet.includeLanguages":{ "javascript":"javascriptreact"}如果你是mac用户，code--首选项--设置，进入后和window不太一样，mac展示的是一个列...

代码星球 ·2020-04-08