#CSS# 初识CSS

CSS:Cascading Style Sheet (层叠样式表)

CSS的内容可以分开写入CSS文件中,PHP文件中加入以下语句即可:

<link herf="css/style.css" type="text/css" rel="stylesheet"/>

其中,style.css写入定义的样式,如:

ul.menu{                  
    list-style-type:none;
    background:#59d3cc;
    height:64px;
    font-size:24px;
}

使DIV居中:

div#header

{

margin-left: auto;

margin-right: auto;

}

子元素使用了浮动,则需要清除最外层浮动

如子元素:

ul#navigation li{
 float:left;
 width:170px;
 text-align:center;
 position:relative;
 padding:7px 5px 7px 5px;
}

则最外层navigation:

<!--PHP file-->

<div id="navigation" class="clearfix"> ... </div>

<!--CSS file-->

.clear{clear:both}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom:1}

时间: 2024-11-10 22:37:50

#CSS# 初识CSS的相关文章

CSS初识- 选择器 &amp;背景&amp; 浮动&amp; 盒子模型

CSS初识 CSS:cascading style sheets,css样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式. CSS以HTML为基础,提供丰富的功能,如字体.颜色.背景的控制及整体排版等,而且还针对不同的浏览器设置不同的样式. 引入CSS样式(书写位置) 内部样式表 内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并用style标签定义,语法就是在 行内式

0008 CSS初识(行内式、内部样式表、外部样式表)

typora-copy-images-to: media 第01阶段.前端基础.CSS初识 CSS层叠样式表 学习目标 理解 css的目的作用 css的三种引入方式 应用 css三种引用方式的书写 通过样式规则给标签添加简单的样式 1.HTML的局限性 说起HTML,这其实是个非常单纯的家伙, 他只关注内容的语义, 比如 表明这是一个大标题,用 表明这是一个段落,用 表明这儿有一个图片, 用表示此处有链接. 很早的时候,世界上的网站虽然很多,但是他们都有一个共同的特点: 丑. 这个是一个外国比较

初识 CSS

一.css介绍 1.CSS(Cascading Style Sheets),称为层叠样式表.它可以很方便地给html元素提供样式,提高美观度.其最大的使用目的是让html文档结构和内容的显示样式分离开来. 2.CSS的语法结构:Selector  { Property : Value; } selector:即需要改变样式的元素:property:需要改变的属性:value:属性的值: 3.CSS的引用方式: 1.行内引用:直接在标签中添加style属性,并设置样式: 1 <p style=&quo

7.30.2014 CSS初识

今天初识css3看来JQuery高级编程要放到最后去看了.笔记:     a:link    {color:blue;} 未访问     a:visited {color:blue;} 已访问     a:hover   {color:red;}   悬浮     a:active  {color:yellow;}活动链接 css代码格式     p{          css属性:属性值         } border-radius:xxpx;(边框圆角)    padding-(top,l

7.30 2014 初识css

今天初识css3看来JQuery高级编程要放到最后去看了.笔记:     a:link    {color:blue;} 未访问     a:visited {color:blue;} 已访问     a:hover   {color:red;}   悬浮     a:active  {color:yellow;}活动链接 css代码格式     p{          css属性:属性值         } border-radius:xxpx;(边框圆角)    padding-(top,l

Normalize.css 初识

一. 用来干嘛的 一个现代的.准备好了支持 HTML5 技术,并且要替代 CSS Reset 处理样式的理念. Normalize.css 使浏览器渲染所有元素更加一致,并且符合现代标准.它只是针对那些需要正常化的样式进行处理. A modern, HTML5-ready alternative to CSS resets Normalize.css makes browsers render all elements more consistently and in line with mod

51、css初识

CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 1 2 3 4 5 6 7 8 9 '''         selector {                   property: value;                   property: value;              ...  property: value                    }          ''' 例如: 1 h1 {color:red; font-size:1

第四课初识css

一.引入样式  1.行内样式表  <h1 style="color: red;font-size: 18px;">10-30</h1>   2.内部样式表(在head标签里面,title标签下面)  <style type="text/css">   h2{    color: yellow;    font-size: 20px;   }  </style>  优点   方便在同页面中修改样式  缺点   不利于在多

python html css 初识

##################总结############ 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 <!DOCTYPE html> <html lang="zh-CN"> #这个lang表示语言,zh-CN是中文的意思,就是说,你整个文档的内容以中文为主,如果以英文为主,就写成lang='en' <head&g