免费的网站或软件,网站开发给网站设置图标在什么文件中写代码,企业管理顾问咨询,网站做镜像检查漏洞前言 CSS的引入方式共有三种#xff1a;行内样式、内部样式表、外部样式表 一、内联式引入 用法#xff1a; 在元素上直接通过style属性进行设置css样式设置 示例#xff1a;
h1 stylecolor:red;style属性的应用/h1
p stylefont-si… 前言 CSS的引入方式共有三种行内样式、内部样式表、外部样式表 一、内联式引入 用法 在元素上直接通过style属性进行设置css样式设置 示例
h1 stylecolor:red;style属性的应用/h1
p stylefont-size:14px;color:green;直接在HTML标签中设置的样式/p实际在写页面时不提倡使用在测试的时候可以使用。 例如
!DOCTYPE
html
headmeta charsetutf-8 /titleCSS样式引入方式一内联式/title
/head
body!--使用行内样式引入CSS--h1 stylecolor:red;font-size: 50px;pytohon9999/h1p stylecolor:red;font-size:30px;我是p标签/p
/body
/html二、内部样式表引入 用法 在style标签中书写CSS代码。style标签写在head标签中 例如
!DOCTYPE
html
headmeta charsetutf-8 /titleCSS样式引入方式二内部样式表/title!-- 使用内部样式表引入CSS--style typetext/cssdiv {background: rosybrown;color: red;width: 20px;height: 60px;}/style/head
bodydivpytohon9999/div
/body/html三、外联式引入 用法 CSS代码保存在扩展名为.css的样式表中 HTML文件引用扩展名为.css的样式表 有两种方式链接式、导入式 例如
!DOCTYPE
html
headmeta charsetutf-8 /titleCSS样式引入方式三外联式引入/title!-- 链接式推荐使用 --link relstylesheet href./css文件的样式.css!-- 导入式 --style typetext/cssimport url(./css文件.css);/style/head
bodydivpytohon9999/div
/body/html四、CSS 中的优先级 1. 样式的优先级 行内样式 内部样式 外部样式(后两者是就近原则) 1.1 行内样式 和 **内部样式 **比较优先级
!DOCTYPE
html
headmeta charsetutf-8 /title行内样式和内部样式表的优先级/title!--内部部样式表--style typetext/cssdiv {background: green;}/style
/head
body!--行内样式--div stylebackground: red;font-size: 50px;color: aliceblue;pytohon9999/div
/html浏览器运行效果 结论行内样式优先级高于内部样式表 1.2 **内部样式表 和 外部样式 **比较优先级
!DOCTYPE
html
headmeta charsetutf-8 /title内部样式表 和 外部样式的优先级/title!-- 外联式之链接式 --link relstylesheet href./css文件.css!--内部部样式表--style typetext/cssdiv {background: green;}/style/head
body!--行内样式--divpytohon9999/div
/html浏览器运行效果 结论行内样式优先级高于内部样式表