首页 > 其他分享 >css快速入门-语法

css快速入门-语法

时间:2022-09-03 07:55:07浏览次数:52  
标签:style 入门 样式 标签 语法 样式表 中写 css

css从位置上分类:嵌入式样式表,内部样式表,外部样式表

在一个标签上写style属性在style属性中写样式属于嵌入式样式表

在head中写的style标签属于内部样式表

html文件中不写css代码,css代码在一个css文件中写,再导入到html文件中,这就是外部样式表,在head中写link标签,在link标签中写rel="stylesheet"和href="css文件地址"两个属性

 

1.标签样式表

 如果想让字体变成红色,可以再head标签中写style标签,在style标签中写css代码这样所有的p标签就都是红色

 

 /*注释内容*/这是css的注释

2.类样式

如果想只针对第3个段落可以用类样式,在style标签中写类样式,类样式名格式为:.类名

然后再所对应的标签中写class属性,也就是class="类样式名"

 

 3.id样式

id属性在整个HTNL文档中尽量保持唯一

 

 4.组合样表

 

 第一个p标签中的字体就会变为红色

 

标签:style,入门,样式,标签,语法,样式表,中写,css
From: https://www.cnblogs.com/romablog/p/16651884.html

相关文章

  • 10.自动配置原理入门
    @SpringBootConfiguration@EnableAutoConfiguration@ComponentScan(excludeFilters={@Filter(type=FilterType.CUSTOM,classes=TypeExcludeFilter.class),......
  • React + Dva + Antd + Umi 快速入门
     最近一个项目用了React+Dva+Antd+Umi 技术栈 基础框架概念React前端三大框架之一。Dva由阿里架构师sorrycc带领team完成的一套前端框架,在作者的github......
  • 二、 Axios入门——Axios源码分析
    一、axios与Axios的关系从语法上来说:axios不是Axios的实例从功能上来说:axios是Axios的实例axios是Axios.prototype.request函数bind()返回的函......
  • 一、Axios入门——初认识Axios
    一、axios是什么?端最流行的ajax请求库react/vue官方都推荐使用axios发ajax请求文档:https://github.com/axios/axios二、axios特点基于xhr+pr......
  • Django数据传递与模板语法
    Django数据传递与模板语法视图函数返回值1.视图函数的返回值其实本质上返回的都是HttpResponse对象,HttpResponse其实是一个类,我们最常使用的render和redirect都是这个类......
  • Flask 学习-41.Flask-RESTPlus 入门到放弃
    前言Flask-restfull是flask框架开发接口的一个框架,Flask-RESTPlus是Flask-restfull升级版,功能做了一些优化,主要是可以生成swagger在线文档了。环境准备先安装Flask......
  • CSS常用属性
    ​ /**作者:呆萌老师*☑csdn认证讲师*☑51cto高级讲师*☑腾讯课堂认证讲师*☑网易云课堂认证讲师*☑华为开发者学堂认证讲师*☑爱奇艺千人名师计划成员*在这里......
  • JS逆向入门篇1
    目标网站:https://ac.scmor.com/第一步点击关键字visit('U3kwBQctIQAjMHZdVC1xRDs5LVQqURUfKxwQGjQACBZ5VysGVytwfmVgDQBVKSMZYRpbGwxAFhYOKl5JAWZRDw4EXzwWBwMT')第二......
  • C++ qt入门(持续更新)
    环境配置qt-unified-windows-x64-4.4.1-online.exe下载链接:在线安装时,除了默认的,还需要下载任意一个版本的MinGW、msvcVSqt插件:在VS的拓展--拓展管理中搜索QT下载第一......
  • 表格标签与表单标签和css层贴样式表(选择器)(2)
    表格标签<table><thead><tr>一个tr就表示一行<th>username</th>加粗文本<td>username</td>......