Css

CSSborder制作小三角形

#cssborder制作小三角形1.原理是CSS盒模型一个盒子包括:margin+border+padding+content–上下左右边框交界处出呈现平滑的斜线.利用这个特点,通过设置不同的上下左右边框宽度或者颜色可以得到小三角,小梯形等.–调整宽度大小可以调节三角形形状.2.矩形 ...
代码星球·2020-05-23

CSS中元素水平居中和垂直居中的方法

#CSS中水平居中和垂直居中的方法一、水平居中1.行内元素(文本,图片等)如果被设置元素为文本、图片等行内元素时,可以通过给父元素设置`text-align:center;` 来实现2.定宽块级元素可以通过设置“左右margin”值为“auto”来实现居中常用的...

CSS盒模型

contentborderpaddingmargin只能设置块级元素,对行内元素无效;针对的是content区域;不设置数值,默认为容器的值autoborder-style常用样式:solid,dashed,dotted,doubleborder-top-styleborder-right-styleborder-bo...
代码星球·2020-05-23

scrapy中xpath、css用法

1.Windows7x64_SP12.anaconda3+ python3.7.3(anaconda集成,不需单独安装)3.scrapy1.6.0scrapyshellhttp://doc.scrapy.org/en/latest/_static/selectors-sample1.html结果如下:&nbs...
代码星球·2020-05-22

Animate.css

使用过几次Animate.css,现在来记录一下用法,方便以后直接使用首先是官网地址:https://daneden.github.io/animate.css/非常好用的CSS库,只需要引入animate.css<linkrel="stylesheet"href="animate.min.css">并且为...
代码星球·2020-05-21

DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)

css中cursor属性详解-鼠标移到图片变换鼠标形状  语法: cursor:auto|all-scroll|col-resize|crosshair|default|hand|move|help|no-drop|not-allowed|pointer|progress|row-resi...

CSS样式表初始化代码

CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。最简单的初始化方法就是:*{padding:0;margin:0;...
代码星球·2020-05-17

css实现半颗星评分效果

效果如下:      html代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title>&...

CSS的class、id、css文件名的常用命名规则

CSS的class、id、css文件名的常用命名规则      (一)常用的CSS命名规则  头:header  内容:content/container  尾:footer  导航:nav  侧栏:sidebar  栏目:column  页面外围控制整体布局...

H5和CSS3新增内容总结

 CSS3选择器有哪些?答:属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些?答:1.颜色:新增RGBA,HSLA模式文字阴影(text-shadow、)边框:圆角(border-radius)边框阴影:box-shadow盒子模型:box-sizing背景:background-size设置背景图...

HTML+CSS要点

1.td占据多行/列时,其挤开的td不写(但是包裹td的tr要写)2.display:td的元素中的文本默认垂直不居中(table中的td中的文本是垂直居中的)3.th虽然定义了表头标题,但是默认不跨行(需要跨行要用colspan)4.text-indent可以继承5.<form></form>...
代码星球·2020-05-16

css禁止鼠标双击选中文字

 div{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select:none;}&nbs...

css固定table中的某个tr不滚动

/**css部分**/<style>/**固定不滚动**/.fixedHead{position:relative;top:expression(this.offsetParent.scrollTop-2);}</style>-----------------------------------...

强制css属性生效

今天在写一个隐藏滚动条的css时,设置的overflow-x:hidden;overflow-y:scroll;属性死活不生效,在谷歌浏览器中查看,发现这两条属性是被划掉的。如图。这表明别处有设置的属性将他屏蔽掉了,页面代码太多,我也不知道去哪儿找,就直接强制使他生效了。 overflow-x:hidden!...
代码星球·2020-05-14

css实现渐变

.gradient{background:-webkit-gradient(linear,00,0100%,from(#8ca0d3),to(#375a9a));/**ChromeSafari**/background:-moz-linear-gradient(top,#8ca0d3,#375a9a);/**FireF...
代码星球·2020-05-14