CSS样式学习

html超文本传输标签,属性等权重

CSS样式学习_第1张图片

outline 标签轮廓

   

   

outline: none; 表示无轮廓     (开发时用的比较多)

CSS 轮廓(outline)属性 | 菜鸟教程

css匹配流程(从下到上,从右到左)

CSS样式学习_第2张图片CSS样式学习_第3张图片

Butten去掉边框

CSS 按钮 | 菜鸟教程



    

复合词   id 下划线    类中连线  

CSS参考手册_web前端开发参考手册系列  

宽高

   前三个用的比较多

CSS样式学习_第4张图片(overflow 溢出可隐藏,或者滚动等等)

字体

 浏览器默认字体大小16px    字体大小设置的是高度,宽度是自动缩放

常用(14,16,12)   标题18

font-weight  字体粗细  lighter normal bold bolder(特粗)

CSS样式学习_第5张图片

font-style :  oblique   (可以强制斜体)

(em  指强调可以将font-style 置normal)

(可以填写符复合值)

font-family:"TIME NEW ROMAN ",Georgia,serif;

CSS样式学习_第6张图片

font-family:cursive;    楷体

p标签color

CSS样式学习_第7张图片

边框

 CSS样式学习_第8张图片CSS样式学习_第9张图片

CSS样式学习_第10张图片

CSS样式学习_第11张图片CSS样式学习_第12张图片

CSS样式学习_第13张图片 text-align 对齐

一行占据的高度  (默认行高22)     文字居中

CSS样式学习_第14张图片

 text-indent  文本缩进

CSS样式学习_第15张图片

 CSS样式学习_第16张图片

text-decoration   文本修饰

光标

光标常用值。

不换行

CSS样式学习_第17张图片隐藏显示省略号3大件

CSS样式学习_第18张图片

 内联块

CSS样式学习_第19张图片

 CSS样式学习_第20张图片

 可以将A标签写成按钮

  :hover  伪类选择器,可以控制鼠标移入按钮的颜色变化

height:指定区域的高度

line-height:一行的高度,简称行高。

header实例



    

 按钮禁用

CSS样式学习_第21张图片

你可能感兴趣的:(css,学习,前端)