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

css 选择器符号

1.空格——“后代选择器”例如下面这个例子，表示div元素里面所有的p元素divp{...} 2.>——“子选择器”例如下面这个例子，表示div元素里面所有的子代（不含孙代及以后）p元素div>p{.....

代码星球 ·2020-04-06

css @规则

css相信我们都不陌生，但是我们真的对它非常了解吗？css主要分为两种规则组成：一种被称为at-rule，也就是at规则另一种是qualifiedrule，也就是普通规则今天让我们来讲讲我们不常用的at规则吧：1.@charset@charset用于提示CSS文件使用的字符编码方式，它如果被使用，必须出现在最前面，不能...

代码星球 ·2020-04-06

HTML词法和语法

1.词token专业不是计算机的博主比较尴尬，一直以为token就是验证身份用的标识token——表示“最小有意义的单元”以这个简单的p标签为例，我们分析哪些是token：<pclass="a">texttexttext</p>按最小有意义单元的定...

代码星球 ·2020-04-06

前端知识图谱

...

代码星球 ·2020-04-06

webpack打包进内联html

用到一个新插件：html-webpack-inline-source-plugin(依赖于html-webpack-plugin)1.安装npmi-Dhtml-webpack-inline-source-pluginhtml-webpack-plugin2.编写webpack.config.jsconstpath=re...

代码星球 ·2020-04-06

webpack插件去除没用到的css

去除没用到的css需要用到purifycss-webpack插件，而这个插件又依赖于purify-css1.安装npmipurifycss-webpackpurify-css-D2.加入插件//...plugins:[newextractPlugin('css/index.css'),newpurifycss({pat...

代码星球 ·2020-04-06

webpack插件自动加css3前缀

想要webpack帮忙自动加上“-webkit-”之类的css前缀，我们需要用到postcss-loader和它的插件autoprefixer1.安装npmipostcss-loaderautoprefixer-D2.加loader//...module:{rules:[{test:/.scss...

代码星球 ·2020-04-06

webpack打包提取css到独立文件

将本来镶嵌在bundle.js的css转到外面来，我们需要用到一个插件：extract-text-webpack-plugin使用方法：1.安装npmiextract-text-webpack-plugin-D2.配置letextractPlugin=require('extract-text-webpack-plug...

代码星球 ·2020-04-06

爬取微博的数据时别人用的是FM.view方法传递html标签那么jsoup怎么解析呢

使用JSOUP就行这里给出点思路我只做了自己的首页和其他人的微博首页的抓取其他的抓取没尝试(不好意思比较懒...）首先是利用JSOUP进行登陆获取页面看了下微博的登陆表格发现用了ajax的方式所以代码获取cookie有点难所以偷了个懒就用IE的开发者工具获取到了cookie获取到的cookie要...

代码星球 ·2020-04-06

自制html

//$this->_red('账号或密码有误','/student/stureg/add');echo'<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>';echo'<center><div>账号...

代码星球 ·2020-04-06

php去除html

代码如下//清除htmlfunctionclearhtml($str){$str=trim($str);$str=strip_tags($str,"");$str=strip_tags($str,"");//利用php自带的函数清除html格式$str=preg_replace("//","",$str);//使用正则...

代码星球 ·2020-04-06

jquery+css实现菜单收缩效果并适应多种浏览器与移动平台

效果出现 css部分.content-wrapper{-webkit-transition:-webkit-transform.3sease-in-out,margin.3sease-in-out;-moz-transition:-moz-transform.3sease-in-out,margin.3sea...

代码星球 ·2020-04-06

css属性之transition

浏览器支持InternetExplorer10、Firefox、Opera和Chrome支持transition属性。Safari支持替代的-webkit-transition属性。注释：InternetExplorer9以及更早版本的浏览器不支持transition属性。 transition属性是一个简写...

代码星球 ·2020-04-06

css属性之transform

transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。旋转div元素：<!DOCTYPEhtml><html><head><style>div{margin:30px;width:200px;height:100px;backgr...

代码星球 ·2020-04-06

css属性之!important

提升指定样式规则的应用优先权。IE6及以下浏览器有个比较显式的支持问题存在，!important在同一条规则集里不生效。请看下述代码：div{color:#f00!important;color:#000;}在上述代码中，IE6及以下浏览器div的文本颜色为#000，!important并没有覆盖后面的规则；其它浏览器...

代码星球 ·2020-04-06