重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
css的后缀就是*.css
我们提供的服务有:成都网站设计、网站建设、微信公众号开发、网站优化、网站认证、浏阳ssl等。为近1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的浏阳网站制作公司
可以用记事本打开,也可以用Dreamweaver,等~
.css文本文件
.css例如:style.css
CSS
Cascade Style Sheet
层叠样式表
作用
用来定义你的页面的风格,方便页面的修改
可一定义包括绝大多数 Html 元素的样式风格(例如表格,输入框,文字,层)
CSS 有两种存在形式,一种是直接在 页面内部定义
另外一种是定义成 CSS 文件,在需要使用的页面里面用 inclue 调用
.css 文件是 CSS 的外联文件
CSS按其位置可以分成三种:
内嵌样式(Inline Style)
内部样式表(Internal Style Sheet)
外部样式表(External Style Sheet)
内嵌样式(Inline Style)
Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。
P style="font-size:20pt; color:red"这个Style定义p/p里面的文字是20pt字体,字体颜色是红色。/p
内部样式表(Internal Style Sheet)
内部样式表是写在HTML的head/head里面的。内部样式表只对所在的网页有效。
HTML
HEAD
STYLE type="text/css"
H1.mylayout {border-width:1; border:solid; text-align:center; color:red}
/STYLE
/HEAD
BODY
H1 class="mylayout" 这个标题使用了Style。/H1
H1这个标题没有使用Style。/H1
/BODY
/HTML
内部样式表(Internal Sytle Sheet)要用到Style这个Tag,写法如下:
STYLE type="text/css"
......
/STYLE
外部样式表(External Style Sheet)
如果很多网页需要用到同样的样式(Styles),用什么方法呢?
将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。
比如可以用文本编辑器(NotePad)建立一个叫home的文件,文件后缀不要用.txt,改成.css。文件内容如下:
H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}
然后你建立一个网页,代码如下:
HTML
HEAD
link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css"
/HEAD
BODY
H1 class="mylayout" 这个标题使用了Style。/H1
H1这个标题没有使用Style。/H1
/BODY
/HTML
使用外部(Extenal)样式表,相对于内嵌(Inline)和内部式(Internal)的,有以下优点:
样式代码可以复用。一个外部CSS文件,可以被很多网页共用。
便于修改。如果要修改样式,只需要修改CSS文件,而不需要修改每个网页。
提高网页显示的速度。如果样式写在网页里,会降低网页显示的速度,如果网页引用一个CSS文件,这个CSS文件多半已经在缓存区(其它网页早已经引用过它),网页显示的速度就比较快。
外部CSS文件的扩展名就为css,比如:index.css、common.css等
在HTML文件当中引入CSS文件的时候,使用:
link rel="stylesheet" href="此处书写路径,html文件与css文件的路径关系"
此外,如果是用外部书写CSS的话,CSS文件顶部需要增加这句代码,用于设置CSS字符编码:
@charset "utf-8";
PS:自学HTML和CSS的话,建议借助书籍学习,会更快,也会更有实战性,推荐《HTML5布局之路》很适合新手
以.CSS后缀结尾的是CSS样式文件,一般做网站静态页面用到的,当然其他地方也可能用到,css是来控制整个网站的样式排版的。看命名为apps,可以以命名理解为 某些应用的样式表文件