HTML CSS样式基础的必看教程

1、html css样式基础的必看教程一、css1.什么是css？cascading style sheet 级联样式表转变样式的一个工具，说白了，就是为了让我们的页面好看，html底层封装了css这样一个工具。2.怎么用法cssa、style 风格、样式这个关键词写到标签内部，可以修改标签的样式注重：写在标签内部！也就是>里面3.css样式，分为三种a、行内样式表111111111111其中：style="color:0fc"就是转变当前这个标签的样式。b、内部样式表挑选器：告知程序，我们要转变谁的样式。id挑选器：1、在标签内加上id属性2、在写之前，

2、要加上类挑选器：1、在标签内加上class属性2、类挑选器，写之前，要加上。注重：以。开始标签挑选器：注重：1、style里面要写上type属性，标识这是转变css2、挑选器后面要加上一对 ，3、每一句转变样式之后，要加上;c、外部样式表写在我们网页的外面1、新建一个css2、在css中写上相对应的样式3、将css样式导入网页a、b、 import url（"css路径"）;d、样式表的优先级行内样式表>内部样式表>外部样式表e、挑选器的优先级id挑选器>类挑选器>标签挑选器f、并集挑选器通过一个具体的描述或者说地址来查找某一个或者某

3、一组相对应的标签p,id,.class会转变全部p、id和class所笼罩的标签样式，中间用英文输入法的，号隔开g、交集挑选器h3.cecond会先查找h3标签，再查找全部h3标签里面的类名为second的标签修改属性中间没有任何东西举行衔接h、后代挑选器会按照所写的标签或者挑选器，举行一层一层的查找，直到最后查找到所需要的标签，中间用 隔开小结：标签挑选器是挺直应用于全部的html标签类挑选器可以在页面中多次用法id挑选器在页面中只能用法1次i、css属性1、字体样式：font-style： 设置字体风格font-weight： 设置字体粗细font-size： 设置字体尺寸font-fam

4、ily： 设置字体系列font： 把以上全部的设置所有设置在一个属性中2、文本样式：color： 设置字体色彩line-height： 设置行高text-align： 设置文本的对齐方式text-decoration：设置文本的装修，例如：underline、none、line-through3、背景属性：background-color： 设置背景色彩background-image: 设置背景background-position：设置背景的位置background-repeat： 设置背景的填充方式background 设置背景，把以上全部的设置所有设置在一个属性中4、列表属性：list

5、-style-image： 将列表设置为列表标识list-style-type： 设置列表的标识类型，disc实心圆，circle空心圆，square正方形list-style： 把以上全部的设置所有设置在一个属性中5、超链接的伪类a:link 未拜访的链接color:f00;a:visited 已拜访的链接color:6f6;a:hover 鼠标悬浮转变样式color:fcc;a:active 鼠标长按转变样式background-color:0ff;6、cursor属性url 设置自定义鼠标样式default 默认光标pointer 超链接的指针wait 程序正在忙help 指示可用的协助

6、text 指示文本crosshair 十字型move 可移动指针7、盒子模型a、什么是盒子模型？把相对应的元素放入到一个容器中，可以举行相对应的处理移动或者处理这个盒子模型的同时，囫囵在盒子模型中的元素都会跟着被处理。边距：内边距：padding：top,left,right,bottom外边距：margin：top,left,right,bottomb、浮动什么是浮动？其实原理就是align浮动的属性：left： 左浮动right： 右浮动none： 不浮动clear属性： 清除浮动，both所有清除c、overflow属性当有元素溢出时，应如何处理visible 默认的auto 自动的hidden 躲藏scroll 加上滚动条d、iframe标签内联框架。可以导入其他东西。src：导入其他的页面路径width：调节导入的页面的宽度，px是单位，可以不加，默认就是pxheight：调节导入的页面的高度scrolling：是否显示滚动条frameborder：是否显示边框，1表示显示，0表示不显示e、position属性定位。相对定位：relative，相对他本来的位置，举行移动。