必须掌握的web基础知识（css详细介绍）

最新推荐文章于 2024-08-02 18:01:26 发布

Ysiqiqi

最新推荐文章于 2024-08-02 18:01:26 发布

阅读量238

点赞数

CC 4.0 BY-SA版权

分类专栏：初级经验分享

本文链接：https://blog.youkuaiyun.com/Ysiqiqi/article/details/84311689

初级经验分享专栏收录该内容

11 篇文章

订阅专栏

本文深入浅出地讲解了CSS的基础样式，包括全局样式设定、内联式与嵌入式样式对比、背景颜色与图片、字体颜色与大小、浮动与居中、边距内外及尺寸控制、文字间距、圆角、边框等，并介绍了CSS3的新特性，如设圆角和定位技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

二.css

1.全局样式

/*==全局样式==*/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:Tahoma,Arial,Helvetica,"宋体";font-size:12px;text-align:center;background:#FFF;color:#333;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:14px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}

2. 普通样式

CSS样式分为：内联式css样式、嵌入式css样式、外部式css样式

①.内联式css样式表就是把css代码直接写在现有的HTML标签中：

　　<pstyle="color:#000099">我是一个内联式的样式</p>

嵌入式css样式

②.在HTML文档中的<head>中使用<style>标记，，被称为内嵌式。

　　<head>

　　<style>

　　/*选择符{属性：属性值；属性：属性值;}*/

　　a{color:#FF0000;}

　　#img1{width:800px;}/*id选择器*/

　　.img2{width:800px;}/*类选择器*/