Css

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

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

初探css -11 Table表格

使用CSS可以使HTML表格更美观。CompanyContactCountryAlfredsFutterkisteMariaAndersGermanyBerglundssnabbköpChristinaBerglundSwedenCentrocomercialMoctezumaFranciscoChangMe...
代码星球·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》的编译内容。...

CSS3的REM设置字体大小

在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSSFont-Size:emvs.pxvs.ptvs.percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,但又无法不去用。真是进也难,退也难呀...

CSS中的伪类和为伪元素

伪类:  伪元素:     ...
代码星球·2020-03-29

CSS中:first-child伪类

使用:first-child伪类来选择作为某个元素的第一个子元素。这个特定伪类很容易遭到误解,所以有必要举例来说明。考虑以下标记:如下:html:<div><p>Thesearethenecessarysteps:</p><p>Do<em>not</em...
代码星球·2020-03-29

CSS链接使用伪类的顺序

顺序为:link-visited-hover-activea:link{color:#FF0000}/*未访问的链接*/a:visited{color:#00FF00}/*已访问的链接*/a:hover{color:#FF00FF}/*鼠标移动到链接上*/a:active{color:#0000FF}/*选定的链接*/...

CSS行内框(内联元素)

行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框(LineBox),行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个框的高度。示例如下:<p>这是一个段落</p><p&g...
代码星球·2020-03-29

CSS利用border绘制图性

绘制梯形width:10px;border-top:10pxsolidred;border-right:10pxsolidtransparent;border-left:10pxsolidtransparent;border-bottom:10pxsolidtransparent;绘制三角形:width:0px;bor...
代码星球·2020-03-29

CSS实现单行文本溢出显示省略号

p{width:100px;//设定宽度//以下三个属性设置均必不可少white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}css样式设置如上...

CSS语法规则

一、At-rule  一种以@开头的声明语句,以分号;结尾。语法规则为: @IDENTIFIER(RULE);。  At-rule主要用作表示CSS的行为,参考:https://www.cnblogs.com/wuyinghong/p/3700519.html ...
代码星球·2020-03-29