iframe的css怎么写 博客园

html-css050

iframe的css怎么写 博客园,第1张

“*”符:用以表示该输入项,读入后不赋予相应的变量,即跳过该输入值。

如:

scanf("%d %*d %d",&a,&b)

当输入为:1 2 3时,把1赋予a,2被跳过,3赋予b。

3) 宽度:用十进制整数指定输入的宽度(即字符数)。

例如:

scanf("%5d",&a)

输入:12345678

只把12345赋予变量a,其余部分被截去。

又如:

scanf("%4d%4d",&a,&b)

输入:12345678

将把1234赋予a,而把5678赋予b。

第1章结构

 1、 带有语义的标记 ,选择何种HTML标签取决于标签本身的语义,而不是其默认显示出的样式。使用CSS进行设计时的主要任务之一就是从编写合法的、带有良好结构并拥有语义的HTML文档开始。

2、 创建良好的标记   选择DOCTYPE,指定语言和字符集,指定标题,选择恰当的元素,避免过度使用div和span,尽可能少用标签,适当使用class和id(class 和id可以选用字母或数字,下划线命名,但是必须以字母开头)

UTF-8是一种Unicode,Unicode是一种流行的国际性编码方案,使用UTF-8好处是,不同的字符集的多种语言,例如法语、日语、阿拉伯语和希腊语等,将能够共存于同一张页面中。

第2章  设计

在css中使用的颜色,css支持17种颜色分别为black(黑色)、sliver(银色)、gray(灰色)、white(白色)、maroon(栗色)、red(红色)、purple(紫色)、fuchsia(紫红色)、green(绿色)、lime(鲜绿色)、olive(橄榄色)、yellow(黄色)、navy(藏青色)、blue(蓝色)、teal(蓝绿色)、aqua(浅蓝绿色)、orange(橙色)。

RGB(绝对值表示) 红(Red ,R)R,绿(Green,G),蓝(Blue,B)三种颜色的绝对值来描述某种颜色。RGB值(百分比表示)如:color:rgb(93%,51%,93%)表示紫色 (十六进制值)如color:#0000FF;(十六进制简写值)#ff6699 ->#f69

使用CSS的关键之处是将页面的表现形式从页面结构中分离出来

将HTML结尾部分的照片图像定位到页首。 绝对定位在处理居中时并不那么方便。shea使用了一种非常有用的技巧来处理这个问题:首先将父元素绝对定位于页面的最左边,并将其宽指定100%,在水平方向占满整个浏览器窗口。然后将其子元素,设置居中。

例如:#eDiv1{

position:absolute

top:41px

left:0

text-align:center

width:100%

}

#eDiv1 span{

background:transparent url(aa.jpg) top left no-repeat

display:block

margin-left:auto

margin-right:auto

height:123px

width:770px

}

如果不想绝对居中,为元素加上一定的内边距(padding)能够增加元素的总宽度,但是这个偏移量的值在指定到内边距时要加倍计算——因为在给元素添加内边距的同时也增加了元素的总宽度。还有内边距要添加在与期望偏移方向相反的一侧,例如若要让在正中央图像像左移动,那么应该为图像添加右侧的内边距值(padding-right)。反之亦然。

一、Css书写顺序:

1.位置属性(position, top, right, z-index, display, float等) 

2.大小(width, height, padding, margin)

3.文字系列(font, line-height, letter-spacing, color- text-align等) 

4.背景(background, border等)

5.其他(animation, transition等)

二、Css语法:

命名一般为小写英文字母。

为了代码的易读性,在每个声明块的左花括号前添加一个空格。

每条声明语句的 : 后应该插入一个空格。

所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的,但是,如果省略这个分号,你的代码可能更易出错。

对于属性值或颜色参数,省略小于 1 的小数前面的 0 (例如,.5 代替 0.5;-.5px 代替 -0.5px)。

十六进制值应该全部小写,例如,#fff。

尽量使用简写形式的十六进制值,例如,用 #fff 代替 #ffffff。

避免为 0 值指定单位,例如,用 margin: 0 代替 margin: 0px。

Css常用的一些命名:

可参考:CSS 常用命名 - 彼岸时光 - 博客园。

三、Css的引入:

Css的引入一般有两种,link和@import,一般建议使用link引入。这样可以避免考虑@import的语法规则和注意事项,避免产生资源文件下载顺序混乱和http请求过多的烦恼。

四、Css的命名规范(BEM,OOCSS):

什么是BEM:BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。

命名约定如下:

.block{} // 块即是通常所说的 Web 应用开发中的组件或模块。每个块在逻辑上和功能上都是相互独立的。

.block__element{} // 元素是块中的组成部分。元素不能离开块来使用。BEM 不推荐在元素中嵌套其他元素。

.block--modifier{} // 修饰符用来定义块或元素的外观和行为。同样的块在应用不同的修饰符之后,会有不同的外观。

优点:

BEM 的优点在于所产生的 CSS 类名都只使用一个类别选择器,可以避免传统做法中由于多个类别选择器嵌套带来的复杂的属性级联问题。在 BEM 命名规则中,所有的 CSS 样式规则都只用一个类别选择器。因此所有样式规则的特异性(specificity)都是相同的,也就不存在复杂的优先级问题。这可以简化属性值的层叠规则。代码清单中的命名规则的好处在于每个 CSS 类名都很简单明了,而且类名的层次关系可以与 DOM 节点的树型结构相对应。

缺点:

这样类名过于长,且复杂。

什么是OOCSS(面向对象CSS):

OOCSS 表示的是面向对象 CSS(Object Oriented CSS),是一种把面向对象方法学应用到 CSS 代码组织和管理中的实践。 OOCSS最关键的一点就是:提高他的灵活性和可重用性。这个也是OOCSS最重要的一点。OOCSS主张是通过在基础组件中添加更多的类,从而扩展基础组件的CSS规则,从而使CSS有更好的扩展性。

OOCSS的优点:

减少CSS代码。

具有清洁的HTML标记,有语义的类名,逻辑性强的层次关系。

语义标记,有助于SEO。

更好的页面优化,更快的加载时间(因为有很多组件重用)。

可扩展的标记和CSS样式,有更多的组件可以放到库中,而不影响其他的组件。

能轻松构造新的页面布局,或制作新的页面风格。

OOCSS的缺点:

OOCSS适合真正的大型网站开发,因为大型网站用到的可重用性组件特别的多,如果运用在小型项目中可能见不到什么成效。所以用不用OOCSS应该根据你的项目来决定。如果没用巧妙的使用,创建组件可能对于你来说是一堆没用的东西,成为一烂摊子,给你的维护带来意想不到的杯具,说不定还是个维护的噩梦。

  欢迎到优就业来了解