首页 > 其他分享 >CSS技术

CSS技术

时间:2023-03-08 15:12:20浏览次数:31  
标签:1111111111 标签 技术 选择器 class CSS 属性

1.CSS是Cascading Style Sheet的缩写。译作(层叠样式表单)。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

2.把css样式写成一个单独的css文件,再通过link标签引入即可复用。

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

  link标签专门用来引入css样式代码

3.选择器

  3.1 标签名选择器

    标签名选择器的格式是:

      标签名{

        属性:值;

      }

    标签名选择器,可以决定哪些标签被动的使用这个样式

  3.2 id选择器

    id选择器的格式是:

      #id属性值{

        属性:值;

      }

  3.3 class选择器(类选择器)

    class类型选择器的格式是:

      .class属性值{

        属性:值;

      }

    class类型选择器,可以通过class属性有效的选择性的去使用这个格式。

  3.4 组合选择器

    组合选择器的格式是:

      选择器1,选择器2,选择器n{

        属性:值;

      }

4.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS选择器</title>
<style type="text/css">
.class01,#id01{
color:blue;
font-size:20px;
border:1px solid yellow;
width:200px;
height:200px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:green;
}
a{
text-decoration:none;
}
table{
border:1px red yellow;
border-collapse:collapse;
}
td{
border:1px solid red;
}
ul{
list-style:none;
}

</style>
</head>
<body>
<ul>
<li>1111111111</li>
<li>1111111111</li>
<li>1111111111</li>
<li>1111111111</li>
</ul>
<table>
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
</table>
<a href="http://www.baidu.com">百度</a>
<div class="class01">div标签class01</div><br/>
<span id="id01">span标签</span><br/>
<div>div标签</div><br/>
<div>div标签id01</div><br/>
</body>
</html>

5.

标签:1111111111,标签,技术,选择器,class,CSS,属性
From: https://www.cnblogs.com/bqg2233/p/17192061.html

相关文章

  • CSS常用样式
    https://blog.csdn.net/weixin_53988377/article/details/125858313https://blog.csdn.net/fuhanghang/article/details/124405220https://www.laike.net/article-99-148......
  • 什么是大前端技术?微信小程序用户占比达25%
    什么是大前端技术?大前端技术(Full-StackDevelopment)是指同时涉及到前端、后端、移动端等多个领域的技术。它既包含了传统前端技术,如HTML、CSS、JavaScript等,也包含了后端......
  • 界面组件DevExpress WinForms v22.2 - 升级对HTML & CSS的支持
    DevExpressWinForms拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office......
  • 这里是Sigil Lau的一片自留地,用于和New Bing的对话。不会有技术或者其他有价值的内容
    片名:因特琳斯(intelligence音译),或者可以叫“数字生命”?人物:小男孩乐乐(名字暂定),AI琳斯,乐乐的妈妈 一、故事梗概 八岁男孩乐乐的妈妈在车祸中去世,留下了自己的研发成果......
  • (数据库系统概论|王珊)第十章数据库恢复技术:习题
    pdf下载:密码7281专栏目录首页:【专栏必读】(考研复试)数据库系统概论第五版(王珊)专栏学习笔记目录导航及课后习题答案详解目录名词解释简答题应用题名词解释事务:是......
  • css中的flex布局
    好久没有更新内容了,今天记录下弹性布局的知识点,比较简洁,不多说其他话了,直接开写。一、flex布局的设置方式和组成部分设置方式:在需要弹性布局区域的父元......
  • pandas逐行操作、分箱技术、窗口函数shift,diff,pct_change,rolling
    [pandas逐行操作、分箱技术、窗口函数-古明地盆-博客园](https://www.cnblogs.com/traditional/p/12234328.html)cummax,cummin,cumprod,cumsum有时候我们需要求出从第......
  • 狂神说css学习笔记
    什么是CSSCascadingStyleSheet层叠级联样式表CSS:表现层(美化网页)如:字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动等。CSS发展史CSS1.0CSS2.0DIV(块)+CSS,HTML和CSS......
  • 优化 CSS 代码的12个小技巧
    优化CSS代码的12个小技巧2022-11-2509:03·Echa攻城狮 大家好,我是Echa。今天来分享12个优化CSS代码小技巧!1.避免高消耗属性分析表明,一些CSS属性的渲染速......
  • 48个高颜值的CSS在线工具大全
    48个高颜值的CSS在线工具大全原创2023-01-1308:00·Echa攻城狮 大家好,我是Echa。最近有一部分粉丝们总是私信小编,作为一个前端或者全栈程序员怎么系统化学CSS,怎么......