前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >4-css概述

4-css概述

作者头像
达达前端
发布2020-05-18 16:36:14
2960
发布2020-05-18 16:36:14
举报
文章被收录于专栏:达达前端达达前端

css全称为层叠样式表,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小,颜色,字体加粗等。

css代码通常存放在style标签内

css样式由选择符和声明组成,而声明又由属性和值组成

选择符{属性:值},例如:p{color:red;};

选择符:又称选择器,指明网页中要应用样式规则的元素

声明:在英文大括号{}中的就是声明,属性和值之间用英文冒号:分隔。当有多条声明时,中间用英文分号;分隔。

css放置位置

行内样式

直接书写标签的style属性中

不建议使用

内联样式表

写在style标签中

外联样式表

将一个独立的.css文件引入到HTML文件中,使用link标签写在head标签中。

rel="stylesheet"定义类型为层叠样式表

css的继承

css的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。

不可继承样式:display,margin,border,padding,background,height, minheight,max-height,width,min-width,max-width, overflow,position,left,right,top,bottom,z-index,float,clear

可继承的样式:letter-spacing,word-spacing,white-space,line-height color,font,font-family,font-size,font-style,font-variant, font-weight,text-decoration,text-transform,direction,visibility,cursor

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档