css学后总结

这是我对于CSS一点肤浅的认识,如有不妥,请知情者多多指教

一 CSS的比较传统的WEB设计几大优点

1.比较传统的WEB设计它大大提高了页面的浏览速度。

2.它通过简单的CSS文件就能更改多个页面的重新设计,大大降低了维护成本。

3.还可以结合CSS和DIV对网页的更好的布局。

4.真正的实现的结构与表现的分离。

5.更方便搜索引擎搜索。(这一点还不是很清楚)

二 在XHTML如何加入CSS,一共有三种方法。

1.外部样式表

它是通过在HTML之外重新建一个单独的CSS文档,然后在HTML通过LINK与之链接。

2.嵌入式样式表

它是在HEAD文段中加入<STYLE></STYLE>元素格式是这样的<STYLE TYPE="TEXT/CSS"></STYLE>。

3.内联样式表

是在特定的元素后加入STYLE 格式是这样的我们以<P>元素为例<P STYLE="COLOR:YELLOW;"

这种方法我个人觉得只是为了过渡而用,因为如果采用这种方法的话,就没有真正意义上的结构与表现的分离。这种办法在多个HTML文档的更改就很麻烦。

三 选择器一共有7种选择器

1.元素选择器,这种方法是直接输入元素名{属性修饰} 定点修饰

2.类选择器,这种方法是   .类名{属性修饰}定点修饰

3.ID选择器,这种方法是 #ID名{属性修饰}定点修饰

4.包含选择器,这种特点是对包含在某个元素之中的元素进行修饰,格式是这样的 元素名 空格 元素名{属性修饰}

5.通配符选择器,这种方法是 *{属性修饰} 对于整个文档的修饰。

6.伪类选择器,这主要是对<A>元素进行修饰,格式是这样的 A元素 加冒号:(1.LINK,2.VISITED,3.HOVER,4.ACTIVE之中任选其一) {}

1.LINK 是用在没有被访问过的链接表现。

2.VISITED 是已经被访问过的链接表现。

3.HOVER 是鼠标悬停在链接时候的表现。

4.ACTIVE 是被击中链接时候的表现。

7.伪元素选择器

主要有两种:

P:FIRST-LINE{元素修饰} 是用于元素的第一行。

P:FIRST-LETTER{元素修饰} 是用于元素的第一个字母。

时间: 2024-10-11 00:23:22

css学后总结的相关文章

17/9/6 bootstrap.css去掉后引发的样式错乱

最近写的新官网的项目一直都是用的bootstrap的框架,今天的的页面其中一个模块使用的插件和bootstrap冲突,当把bootstrap.css去掉后,页面中的部分样式发生了错乱 主要表现为margin和padding值不好使  ,是因为定位后导致块元素属性消失 position定位 或 浮动 后引起的 解决方法: 该元素添加  display:block

HTML&amp;CSS学习心德

学了html&css一周的时间,每天上课9小时,有空就看一下HTML+div+CSS视频,感觉还不错. 基本思路:从大的方面(整体结构)着手,将HTML的基本知识"解构"然后运用,边学边用. 学习效果:掌握了下面的知识,基本就可以动手写各大网站的首页了,主要是练习使用div布局和CSS效果显示. 一.html的文档结构 Strict:包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font).不允许框架集(Framesets). Transitional:包

css使后声明的标签显示在前的方法

具体方法:将后声明的标签的css属性设为absolute. 其余标签:将float属性赋值,且使用margin属性将首个标签推出absolute标签的范围(实测top属性无效). 目前我的模板里还没有使用这个方法,所以左边栏非常难控制,会在后续版本更改. demo: 1 <html> 2 <head> 3 <style type="text/css"> 4 5 div.outerDiv { width:72px; height:600px; bord

JAVA第二章学后总结

通过一周正式的JAVA课程学习后,更深一步的了解到了JAVA到底是怎么回事!自己理解到人们要想与没有生命的计算机及沟通,对他发出指令,就只能通过二进制码与他交流,但是如果人们长期编写二进制码肯定是一个巨大的工作量.于是后来人们通过长期的经验,赋予我们平时直接接触的单词符号等等这些词特定的二进制码的意义.所以我们学习这种高级的计算机语言,就是要了解基础这些单词符号所代表的意义,还有这些词使用时所准守的语法. 具体学习的内容: goto,const只是保留的关键字,他们在JAVA中是不使用的. 标识

[Computer Vision] SIFT特征学后感

SIFT(Scale Invariant Feature Transform),尺度空间不变特征,目前手工设计的最好vision特征. 以下是学习http://blog.csdn.net/zddblog/article/details/7521424后的收获. 一.尺度空间 gaussian pyramid的产生: 1.为避免对第一组第一层图片(原始图片)做高斯滤波导致损失,在其基础上将尺度扩大一倍作为-1层,方法是用=0.5做高斯滤波. 2.对每组(octave)倒数第三张图片做降采样,产生下

第三章 学后心得及总结 【物联网1132-11】

学完第三章以后 给我的第一个感觉就是做人的道理的领悟 在学习栈的队列的课程内容的同时 我知道了我懂得了如何处理一些我们日常生活中的东西 就像栈和队列一样 如果你需要有先后顺序的话那么就队列 如果你需要有能者居之的感觉的话就栈 在对于一些问题的处理上 我也知道了懂得了其实我们是需要为某些特定的问题而想办法的 就像栈和队列一样 如果你需要把事情一件一件做好那么就学会队列思维 如果你需要把事情完整的存放起来的话那么就学会栈思维 遇到问题要学会解决而不是逃避问题 就好比你需要栈的第二个元素的时候你必须处

解决在html中引入font-awesome的css文件后, 图标显示不出来

今天小颖在做项目时,需要在html文件中引入font-awesome.min.css,但是引入后: 虽然小颖已经在html中引入了  font-awesome.min.css   ,但是图标并没有出来,怎么解决呢? 其实只需要把font-awesome中的fonts文件夹放在与font-awesome.csss所在的css文件夹同级的位置问题就解决啦,嘻嘻. <head> <meta charset="UTF-8"> <meta name="vi

汇编学后感

一直听说程序员中存在一个鄙视链,当然这有点玩笑成分,但学好汇编想必是可以提高对其他高级语言的理解吧. 作为最接近机器语言的语言,汇编拥有超过其他高级语言的速度,所以作为系统核心的代码总会是由汇编语言编写的,汇编语言在我看来是机器语言的映射,只是换成更容易被人所理解的方式. 计算机由CPU.存储器.输入和输出设备组成,CPU由控制器和运算器构成.我们知道信息在计算机内通过地址.数据.控制总线传输的,然而实际上他们并不是分成3块,只是依照各自的功能将他们分开叫了. 下面来看信息如何在内部传输的,要谈

[机器学习] 1、《机器学习系统设计》学后总结

<机器学习系统设计>是一本不错的机器学习实战入门的书籍.第一章介绍了用于机器学习的Python相关工具,接下来分别用实战型例子讲解聚类.分类.回归.模式识别.降维等机器学习的主要的几种方法. 机器学习就是教机器自己来完成任务,机器学习的目标就是通过若干示例让机器学会完成任务. 像其他工程一样,设计一个机器学习系统工作一般花在一些极其平凡的任务上: (1)读取和清洗数据: (2)探索和理解输入数据: (3)分析如何最好地将数据呈现给学习算法: (4)选择正确的学习算法和模型: (5)正确地评估性