css基本语法

2023-11-13

1.background——background-image:url(image.jpg);

    background-color:#ccf;

    background-position:center;

    background-repeat:no-repeat;

2.文本p,span——text-align:left/center/right;

     text-indent:-2em;

     color:#cc6;

     padding-left:2em;

3.字体font——<font>font-family:"楷体";

  font-size:36px;

  font-style:"粗体/斜体";

  font-weight:normal;

4.链接a href——a:link-未被访问的链接;   text-decoration:none;

a:visited-已访问的链接;

a:active-鼠标点击的时刻;

a:hover-鼠标指针放上去;

5.列表list-style- ...——ul li{

list-style-image:url(image.jpg);}

6.表格table-tr——头部-th(主要标题内容第一行)

     显示-td(主题内容)

    css:border:1px solid #cc8;

     collapse:2;    //表示合并;

     background-color:blue;

     padding:5px;   //内边框边距;

7.轮廓outline——outline-style:double实线/dotted虚线;

    outline-color:blue;

8.定位float——left、right;

position:absolute绝对的/fixed固定的/relative相对的/static静止的;

top:50px;

left:50px;

去除浮动clear:<div >      float:left;

<div></div>

<div></div>    clear:left/both;

  </div>

图片的浮动<ul>    ——ul{float:left;}

<li><img src="1.jpg"></li>

<li><img src="1.jpg"></li>

</ul>


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

css基本语法 的相关文章

  • 程序猿关注的微信公众号和网站

    36氪 wow36kr 功能介绍 36氪 36Kr com 是中国领先的科技新媒体 我们报道最新的互联网科技新闻以及最有潜力的互联网创业企业 账号主体 北京协力筑成传媒科技有限公司 商标保护 氪 36 硅发布 guifabucom 功能介绍
  • Web前端——CSS复习(3.27-3.31)

    1 渐变 1 什么是渐变 渐变 指的是两种或多种颜色之间的平滑过渡 aa 渐变可指定多个中间颜色值 色标 bb 渐变可以用在任何适用背景图片的地方 线性渐变 径向渐变 重复渐变 2 渐变语法 在CSS3中使用background image
  • css复习中常见的问题

    1 如果想让图片位于文字之后显示 即文字占前边 如下代码所示 img src dog jpg alt p 保护动物 人人有责 p 注意 由于在上述例子img标签元素设置了z index属性 即显示元素相对应的优先级 值 1即表示优先级滞后一
  • 前端学习资料汇总

    前端工具 can i see http caniuse com 一个查看css及html5在各个浏览器及手机端的支持情况 前端视野 平时可以多看看的网站了解下最新资讯 前端观察站 腾讯的前端技术 挺有含金量 html5 中国 http ww
  • CSS中clear:both的作用

    clear both意思就是清除浮动 例如我们设置了三个div如下
  • web前端开发到底是自学还是去上培训班?

    web前端开发到底是自学还是去上培训班 纠结中 应届毕业生 软件技术专业 去年接触到web前端开发这个行业 但是迷迷糊糊的就知道HTML CSS JS 其他一无所知 就知道做网页加一些网页的动态效果 没有系统的学习 相应的用到就学 没用到的
  • Web前端——Javascript学习(API)

    1 API 应用程序编程接口 这是实现的 现成的对象和方法 提高开发效率 2 数组API 1 arr to String var str arr toString var str arr join 连接符 自定义连接符 固定套路 1 将字符
  • 前端实际开发中的命名规范(个人建议)

    如果说计算机科学只存在两个难题 缓存失效和命名 那我觉得前端的命名占有一席之地 让人难以理解的命名方式 单词拼写错误 中英文混用 以数字1 9或者以a z命名 中文拼音命名 强制缩写 命名方法 每个单词之间用 或者 连接 小驼峰 除第一个单
  • 扎心的前端开发

    喂喂喂 那个切图的 把页面写好就发给研发工程师套模板吧 你好 切图仔 不知道你的团队如何定义前端开发 据我所知 时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位 虽然身份之争多少有些无谓 但我对这种偏见还是心存芥蒂 酝酿了许久 决定
  • 最详细的Hexo Next主题配置教程

    配置环境 安装Node 必须 作用 用来生成静态页面的 到Node js官网下载相应平台的最新版本 一路安装即可 安装Git 必须 作用 把本地的hexo内容提交到github上去 安装Xcode就自带有Git 我就不多说了 申请GitHu
  • 零基础学习WEB前端开发(六):HTML超链接标签

    一 超链接 二 用法及分类 基本语法 外部链接 内部链接 空连接 下载链接 其他元素链接 锚点链接 一 超链接 HTML使用标签 a 来设置超文本链接 超链接可以是一个字 一个词 或者一组词 也可以是一幅图像 您可以点击这些内容来跳转到新的
  • 20 个常用的 CSS 技巧

    Sandy 推荐 高级工程师 游戏开发 下面这几个CSS技巧你可能不知道 1 彩色照片变黑白 2 所有元素垂直居中 3 禁用鼠标 4 模糊文字 小编学完能量满满的 觉得对CSS又充满了爱 你也来看看 原文链接 http caibaojian
  • vue css >>> , /deep/ 深度选择器

    vue引用了第三方组件 有时候我们需要改写第三方组件的样式 而又不想去除scoped属性造成组件之间的样式污染 此时只能通过 gt gt gt 穿透scoped 有些Sass 之类的预处理器无法正确解析 gt gt gt 这时可以使用 de
  • HTML+CSS+JavaScript入门教程(万字)

    前言 作为一名后端开发人员 开发过程中 必不可少的与前端进行对接 因此尽管是后端开发者 也需要一定的前端知识 因此写下HTML CSS JavaScript入门知识 着重介绍了JavaScript 方便自己复习 也各位小伙伴参考 一 HTM
  • 学习vue之node的安装

    关于node 简单的说 Node js 就是运行在服务端的 JavaScript Node js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境 Node js 使用了一个事件驱动 非阻塞式 I O 的模型 使其轻量
  • html项目开发过程中遇到的问题(1)

    1 hgroup标签 该标签主要针对各个标题进行组合 多用在header导航栏标题中 2 section标签 该标签定义页眉页脚 或页面中的其他部分 通常与标签article连用 3 clearfix与 clear after 1 clea
  • Web前端开发精品课HTML CSS JavaScript基础教程HTML部分知识点总结

    内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结 第1章 HTML简介 1 前端技术简介 1 从Web1 0到Web2 0 网页制作已经变成前端开发了 对于前端开发来说 你要学的并不是什么 网页三剑客
  • css基本语法

    1 background background image url image jpg background color ccf background position center background repeat no repeat
  • 架构图以及vue的简介

    架构图 前后端分离总架构图 前端架构设计图 MVVM 架构模式 MVVM 的简介 MVVM 由 Model View ViewModel 三部分构成 Model 层代表数据模型 也可以在Model中定义数据修改和操作的业务逻辑 View 代
  • vue_elementui_formatter的使用方法_elementui提取table表格使用formatter方法

    后台管理系统中用到了非常多的表格 一般为了方便都会讲表格进行提取 形成公共组件 提取表格时会遇到返回的json数据中要对单个字段进行处理 如时间戳转换 状态转换等 封装的表格组件代码

随机推荐

  • Camera-3A AE/AWB/AF

    AE 自动曝光 画面亮度 AWB 自动白平衡 画面色彩程度 AF 自动对焦 影响焦距以及是否清晰 一 电子元件上Color Filter绿色的排列 类似于人眼的感知细胞 二 AWB Theory 1 主要流程 De mosaic 颜色会标绿
  • 大语言模型介绍(一)

    什么是大语言模型 由于ChatGPT的火爆把大语言模型这个新名词推到了大众的视野里 那么 什么是大语言模型 什么是GPT WIKI百科对大语言模型是这样解释的 大语言模型 英语 large language model LLM 是一种语言模
  • CSS样式穿透方法

    CSS样式穿透通常在使用组件库或第三方组件时遇到 由于组件库封装了组件的样式 难以直接修改组件内部的样式 以下是一些常见的CSS样式穿透方法 1 使用 deep 或 gt gt gt 选择器 已过时 deep 是一种过时的样式穿透选择器 而
  • 在IDEA中的cannot_resolve_method解决方法

    idea中project代码有红色波浪线 报 Cannot resolve method isFlag in Result spring boot 解决方案见 具体见 https jingyan baidu com article f25e
  • [YOLO专题-9]:YOLO V5 - ultralytics/detect代码快速启动详解

    作者主页 文火冰糖的硅基工坊 文火冰糖 王文兵 的博客 文火冰糖的硅基工坊 CSDN博客 本文网址 https blog csdn net HiWangWenBing article details 122263737 目录 第1步 官方文
  • 银联推出蓝鲸将刷脸支付竞争推向新高潮

    那么未来支付行业的商业价值重构点目前业内仍然没有一个肯定的答案 但大家对刷脸支付确实寄予了相当高的期望 稍微宏观点来看 支付行为在经历了 现金支付 POS机支付 手机扫码支付 后 现在确实到了需演化 新物种 的阶段 与此同时 2019年也被
  • 3D模型地球

  • Kubernetes 灰度/滚动发布 滚动更新速率控制解读 maxUnavailable,maxSurge

    利用kubernetes的滚动更新时 可能经常遇到发布 太快不稳定 或 太慢体验差 的情况 本文将介绍kubernetes滚动更新控制速率的特性 金丝雀发布 金丝雀发布这个术语源自20世纪初期 当时英国的煤矿工人在下井采矿之前 会把笼养的金
  • Postman(2):form-data、x-www-form-urlencoded、raw、binary的区别

    postman中 form data x www form urlencoded raw binary的区别 QQ 851228082的博客 CSDN博客 www form urlencoded RequestBody的使用 justry
  • Angular: @NgModule

    第一部分 概览 declarations 属于这个模块的 component pipe directive 的列表 providers Provider 这个 imports Array
  • idea里面Mybatis的xml基础配置文件表名、字段、别名报红问题的解决!

    这里是因为我之前在idea里面设置了Hibernate的MySQL方言 导致Mybatis的xml基础配置文件表名 字段 别名疯狂报红 1 最终取消了idea里面MySql的方言设置之后 问题及解决了 idea操作步骤 file gt se
  • 鸿蒙关于读取手机文件操作

    1 申请读写权限 先在config json中申请 再使用JAVA代码动态申请 ohos permission READ USER STORAGE和ohos permission WRITE USER STORAGE 2 获取File对象
  • html页面回退 刷新,vue2.0页面前进刷新回退不刷新的实现方法

    这篇文章主要为大家详细介绍了vue2 0页面前进刷新回退不刷新的实现方法 具有一定的参考价值 可以用来参考一下 感兴趣的小伙伴 下面一起跟随512笔记的小编两巴掌来看看吧 花了整整一周时间 尝试过很多种方法 终于找到了最佳的解决方案 对我来
  • 使用分支——Git Checkout

    这篇文章写的挺好 https zhuanlan zhihu com p 465954849 这里要注意 git 新的命令 通过 git switch 切换分支 虽然git checkout 分支 还可以用 游离状态的HEADS 在我们已经见
  • pikachu靶场搭建以及搭建问题

    前言 pikachu是一个适合Web渗透测试学习的小白们进行训练的本地靶场 并且已经在github上开源了 它是一个综合性的靶场 非常适合新手练习 接下来就简单的看一下它如何在Windows上搭建吧 Apache与MySQL环境搭建 然后这
  • 如何判断合法标识符

    题目描述 给出一个标识符 请你判断它是否是C语言合法的标识符 输入 输入一个标识符 长度不超过100 输出 判断是否合法 如果是输出YES 否则输出NO 示例输入 123You 示例输出 NO 提示 C语言规定 标识符只能由字母 数字和下划
  • SSH 和 SSL 加密协议

    SSH和SSL都是加密协议 用于保护网络通信的安全性和完整性 但它们用途和实现方式有所不同 SSH Secure Shell 是一种网络协议 用于远程访问和管理服务器 它提供了加密的连接和认证机制 使得数据传输更加安全 SSH通常用于远程登
  • Linux下使用STM32CUBEMX的makefile,报multiple defination错误的解决办法

    之所以报这个错是因为stm32cubemx生成makefile的一个bug 在C SOURCES部分会重复添加Src 下的c文件 上图是没有修改makefile之前 下图为修改后 要修改的部分
  • pthon代码实现在linux下对siebel服务器换包重启

    siebel服务器的换包重启 需要输入多个命令 而且中间需要等待 经常停了服务忘了启动 之前项目的TA有写过一些shell脚本 启服务的 停服务的 包括自动换包重启的 但是因为里面有个mount目录经常出问题 所以平时也没有使用 最近刚好在
  • css基本语法

    1 background background image url image jpg background color ccf background position center background repeat no repeat