首页 > 其他分享 >day 26-css初步学习

day 26-css初步学习

时间:2022-11-15 21:04:33浏览次数:46  
标签:26 样式 h1 style 外部 color day css

css

两种改变html格式的方法:

  1. 内部style:

在title下添加<style>写选择器的声明

 
1 <!--    <style>-->
2  <!--        h1{-->
3  <!--            color: aqua;-->
4  <!--        }-->
5  <!--    </style>-->
6  <body>
7  <h1>我是标题</h1>
8  </body>

 

  1. 外部css

在外部创建css文件,在其中添加代码

1  h1{
2      color: aqua;
3  }

 

 

css的导入方式

行内样式

直接在定义标签时设定行内样式

 
1 <h1 style="color: red">我是</h1>

 

内部样式

在html文件中定义style样式

1  <!--    内部样式-->
2      <style>
3          h1{
4              color: aqua;
5          }
6      </style>

 

外部样式

  1. 链接式

在css文件中定义,在html中使用link标签链接

1  /*外部样式*/
2  h1{
3      color: yellow;
4  }

 

1  <link rel="stylesheet" href="css/style.css">

 

  1. 导入式

 
1 <!--导入式-->
2      <style>
3          @import url("css/style.css");;
4      </style>

 

其中css/style.css是上述外部样式样式定义文件

优先级

 
1 <!--行内样式优先级 > (内部样式优先级 > 外部样式优先级)-->
2  <!--其余遵循就近原则,谁在上符合谁的设定-->

 

 

标签:26,样式,h1,style,外部,color,day,css
From: https://www.cnblogs.com/GUGUZIZI/p/16893883.html

相关文章

  • 思维分析逻辑 3 DAY
    目录指标分析指标选择原则指标体系建立步骤流量分析渠道分析(从哪来)常见渠道及渠道分类渠道推广过程渠道的指标渠道分析方法转化及价值分析(经过什么?产生什么价值?)漏斗分析功......
  • 后端程序员必会的前端知识-01:html、css
    第一章.HTML与CSSHTML是什么:即HyperTextMarkuplanguage超文本标记语言,咱们熟知的网页就是用它编写的,HTML的作用是定义网页的内容和结构。HyperText是指用超链......
  • day1
    001.输出//ConsoleApplication1.cpp:此文件包含"main"函数。程序执行将在此处开始并结束。//c++是不在乎空格的#include<iostream>intmain()//程序的启动键......
  • day18
    【0459.重复的子字符串】classSolution{public:boolrepeatedSubstringPattern(strings){for(inti=0;i<s.size()/2;i++){int......
  • CSS布局2
    结构伪类选择器          ◆伪元素       ◆浮动               ◆清除浮动 ......
  • 题解 UVA12265【贩卖土地 Selling Land】
    postedon2022-09-2414:33:29|under题解|sourceproblem一个黑白矩阵,求以每个点为右下角,能围出的周长最大的全白矩形的周长。\(n\leq2000\)。solution试图进行......
  • Day 1
    一、Vue的特点(1)组件化、提高代码复用率,让代码更好维护(2)声明式编码,无需操作DOM,提高开发效率二、插值语法、指令语法插值:{{}}指令语法:单项数据绑定v-bind双向数据绑......
  • html5 css timeline horizontal
     <!doctypehtml><html><head><metacharset="utf-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1......
  • CSS左侧固定,右侧自适应方案
    1.浮动将左边固定区域设置浮动,右边margin设置为左边固定div的宽度html代码 <div class="left"></div> <div class="right"></div>css代码.left{width:200px;......
  • Day5-5 简单的加减乘除计算器
    简单加减乘除计算器packagecom.kuang.method;​importjava.util.Scanner;​publicclassDemo07{publicstaticvoidmain(String[]args){......