css字体主题的文章列表，还有css字体的技术要点_第129页

css 扩大点击范围

业务场景：比如某个按钮大小已经固定了，但是需求点击按钮周边就可以触发点击事件。设置一下before属性里面的height,width就是设置你要点击的范围。 rem是css3中新增加的一个单位属性(fontsizeoftherootelement),根据页面的根节点的字体大小进行转变的单位。root！！！！！...

代码星球 ·2020-04-01

CSS自动控制图片大小的代码

img{max-width:800px;height:auto;}代码中的max-width:800px限制图片的最大宽度为800像素，而下面的hight:auto很关键，可以保证图片有正确的长宽比，不至于因为被调整宽度而变形。实用例子（未经测试———&mda...

代码星球 ·2020-04-01

前端进阶试题（css部分）

unknow 一、css 40分1. 什么是盒模型？答：2. Doctype的几种类型？答：①.过渡的；②.严格的；③.框架的更多详细介绍参考：资料3. 如何布局左不动右边自适应的两列布局？答：两种简单的方法：position:absolute;和float...

代码星球 ·2020-04-01

JS+CSS简单实现DIV遮罩层显示隐藏【转藏】

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xh...

代码星球 ·2020-04-01

重温css系列01

2016-01-07——解决背景层透明度的问题需要ie9+问题：如果我对div设置opacity:0.8;这个透明属性后希望内容不发生改变怎么弄？A:做两层，或者rgba 解决后的效果图：独自坐着地铁突然一股莫名的孤独感涌上心头，原来这么久都是一个人...

代码星球 ·2020-04-01

echars3.0 柱状图y轴字体斜放

xAxis:[{type:'category',axisLabel:{interval:0,rotate:45,//倾斜角度设置,是什么时针未测margin:2//距离上部的间距},data:dfbmData.map(obj=>({value:obj.name})),axisTick:{alignWi...

代码星球 ·2020-04-01

css技巧

一、设置等宽的表格table-layout:fixed;table设置宽，则每列平分table的宽示例<style>table{table-layout:fixed;border-collapse:collapse;width:200px;}tr,td{border:1pxsolid#eee;}</s...

代码星球 ·2020-04-01

【一起来烧脑】一步学会CSS3体系

[外链图片转存失败(img-yfi1VPyy-1563434266398)(https://upload-images.jianshu.io/upload_images/11158618-fc8784aa1868fbb5.png?imageMogr2/auto-orient/strip|imageView2/2/w/1...

代码星球 ·2020-04-01

CSS 公共样式分享

global.css|reset.css（格式化样式） common.css（公共组件样式） layout.css（当前页面样式）清除全站所有页面的浏览器默认样式，保证在初始样式在所有浏览器下一致。common.css（公共组件样式）一般一个网站所有页面头部、底部样式都是一致的，而且很长...

代码星球 ·2020-03-31

初探css-18 尺寸

CSS尺寸(Dimension)属性允许你控制元素的高度和宽度。同样，它允许你增加行间距。这个例子演示了如何设置不同元素的高度。<style>img.normal{height:auto;}img.big{height:120px;}p.ex{height:100px;width:100px;}</s...

代码星球 ·2020-03-31

初探css -11 Table表格

使用CSS可以使HTML表格更美观。CompanyContactCountryAlfredsFutterkisteMariaAndersGermanyBerglundssnabbköpChristinaBerglundSwedenCentrocomercialMoctezumaFranciscoChangMe...

代码星球 ·2020-03-31

初探CSS

当读到一个样式表时，浏览器会根据它来格式化HTML文档。插入样式表的方法有三种:外部样式表(Externalstylesheet)内部样式表(Internalstylesheet)内联样式(Inlinestyle)当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改...

代码星球 ·2020-03-31

初探CSS -3 语法

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>https://www.cnblogs.com/wutaotaosin/tag/%E5%AD%A6%E4%B9%A0%20CSS%20%E8%AE%B0...

代码星球 ·2020-03-31

前端之CSS

　　CSS（CascadingStyleSheet，层叠样式表)定义如何显示HTML元素。简单的说，css用来给HTML标签添加样式的。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。在css中，注释的表...

代码星球 ·2020-03-30

前端开发必备 40款优秀CSS代码编写工具推荐

摘要：CSS工具可以简化工作流，可以提高CSS编写速度，是开发者和设计者所不可缺少的。本文列举了40种CSS工具，功能涉及CSS菜单、动画、3D图形、响应式页面、图层、按钮等界面元素的设计与制作，你定可从中找到适合的工具。本文是对外文《40CSSToolstoImproveYourProductivity》的编译内容。...

代码星球 ·2020-03-29