Css

CSS3的writing-mode属性

writing-mode这个CSS属性以前是IE的独有属性,IE5.5浏览器就已经支持了。在很长一段时间里,FireFox,Chrome这些现代浏览器都不支持writing-mode,各大现代浏览器纷纷对writing-mode实现了更加标准的支持(主要得益于FireFox浏览器的积极跟进)。1.writing-mod...
代码星球·2020-05-23

CSS:IE,Chrome,Firefox兼容性和CSS Hack(转载)

以前写过一篇关于CSShack的文章,但近期回头看了看发现理解的不够深刻,总结的也不凝练,于是今天重新测试从新写一篇。常用的CSShack如下(笔者只对IE&FF&Chrome进行了测试)。hack列表(全部经笔者测试,且均为标准模式下,混杂模式由于很少会用到所以未对其进行测试):  ...

CSS编码规范(转)

CSS作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使CSS代码风格保持一致,容易被理解和被维护。虽然本文档是针对CSS设计的,但是在使用各种CSS的预编译器(如less、sass、stylus等)时,适用的部分也应尽量遵循本文档的约定。2.1文件[建议] CSS 文件使用无&nb...
代码星球·2020-05-23

关于css的float

什么是浮动?CSS中的一些元素是块级元素,表示它们会自动另起一行。举个例子,如果你创建了两个段落,每个段落都只有一个单词。这两个单词不会靠在一起,而是会各自占据一行。另一些元素是行内元素,表示它们和前面的内容位于相同的一行。举个例子,<a>可以出现在另一个元素中,比如<p>,这不会产生多余的空格...
代码星球·2020-05-23

前端CSS规范大全(转)

一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解:所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:基本样式库/css/core通用UI元素样式库/css/libJS组件相关样式库/css/ui业务类的CSS是指和具体产品相关的文件,放在如下目录中:读书/css/b...
代码星球·2020-05-23

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设置背景图...