- 综合排序
- 最热优先
- 最新优先
- 来自专栏睡不着所以学编程
CSS笔记(9)
CSS笔记(9) 圆角边框(重点) 语法: border-radius : length 采用的是半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果. CSS部分: .box2 { width: 100px; height: 100px; border: 1px solid 盒子阴影 CSS3中新增了盒子阴影,我们可以使用box-shadow属性为盒子添加阴影. 文字阴影: 在CSS3中,我们可以使用text-shadow来添加文字阴影效果.
51210编辑于 2022-09-20 - 来自专栏css小迷妹
译文：9个用于web前端开发的CSS开源框架
本文将与你探讨9款流行的、功能强大且开源的框架，让你的css开发得以轻松构建精致的网络前端。 Flexbox 的现代css框架 MIT Skeleton Css轻量级框架 MIT Materialize 基于 Material Design的css框架 MIT Bootflat 基于 Bootstrap （与文中所有的框架一样）。 2 PatternFly PatternFly是RedHat的开源CSS框架（根据MIT许可）。 如果你想要一款轻量级的css框架——更接近于编码CSS本身，但又可以帮助你构建一个精致的网页，不妨尝试使用Pure.css。Pure是具有最小占用空间的轻量级CSS框架。 9 Bootflat Bootflat是一款从Twitter的bootstrap中衍生的一种css开源框架。与Bootstrap相比，Bootflat要更加简单，也拥有更加轻量的框架组件。
1.6K10发布于 2021-09-19 - 来自专栏PM吃瓜(公众号)
CSS框架
Bootstrap属于前端框架，而960gs可被称为 CSS 框架，两者包含的范畴相差甚远。 使用CSS框架的优点 1、加速你的开发 CSS框架帮你做好了基础工作因此你可以更快地开始开发。它能过向你提供重复的和常用的任务代码——如reset——因此你不需要每次都从头开始写。 使用CSS框架的缺点 1、限制你的自由 既然CSS框架有标准的网格，选择器和其它代码，它就限制了你可以设计的东西：布局大小，网格宽度，按键类型，样式，以及其它任何东西。 如果你真的希望利用CSS框架来节约时间的话你基本上就要接受同样的框架。 如果每个字节都非常重要，你可能需要深入进去并去除CSS中不需要的代码。 3、强迫你使用框架语法 通过使用CSS框架，你被迫接受语法的变化，特别是框架使用非标准命名模式的情况。
1.4K20发布于 2019-08-12 - 来自专栏coding for love
CSS入门9-定位机制
CSS也提供了position属性，控制队伍的定位。 static 默认定位，元素框按照块级元素从上到下，行内元素从左到右依次排列，在普通文档流中。就是最原始的队形。 （具体的覆盖规则可以看CSS入门11-定位与覆盖） fixed 固定定位，元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身，脱离了普通文档流。 参考： CSS 定位 (Positioning) 脱离文档流分析 css定位流布局 CSS中的三种基本的定位机制（普通流、定位、浮动） CSS定位的三种机制：普通流、绝对定位和浮动 html/ css基础篇——DOM中关于脱离文档流的几种情况分析 CSS position绝对定位absolute relative CSS绝对定位absolute详解
48030发布于 2018-08-27 - 来自专栏初见Linux
9.背景样式-CSS基础
一、背景样式 在CSS中，背景样式包括两个方面：背景颜色、背景图片。 在Web2.0 时代，对于元素的背景样式，我们都是使用CSS属性来实现。 height: 160px; border: 1px solid #66A9FE; background-image: url(.. height: 500px; border: 1px solid #66A9FE; background-image ① CSS Sprites CSS Sprites叫 CSS精灵或者雪碧图，是一种网页图片应用处理方式，其实就是把网页中一些背景图片整合到一张图片文件中。 ，还要改动CSS。
1.3K30发布于 2020-10-29 - 来自专栏学习笔记ol
框架分析（9）-Hibernate
框架分析（9）-Hibernate 主要对目前市面上常见的框架进行分析和总结，希望有兴趣的小伙伴们可以看一下，会持续更新的。希望各位可以监督我，我们一起学习进步。 Hibernate Hibernate是一个开源的Java持久化框架，它提供了一种将Java对象映射到数据库表的方法，使得开发人员可以使用面向对象的方式来操作数据库。 性能问题 Hibernate框架在某些情况下可能会引起性能问题。由于Hibernate需要进行对象的映射和关联查询，可能会导致一些额外的开销。 总结 Hibernate框架具有简化数据库操作、跨数据库平台、高度可定制性、缓存机制、查询语言等优点。然而，它也存在学习曲线较陡、性能问题、复杂性和难以调试等缺点。 强调 Hibernate是一个强大的Java持久化框架，它简化了开发人员对数据库的操作，提高了系统的性能和可维护性。
47520编辑于 2023-10-11 - 来自专栏WordPress果酱
WordPress 主题教程 #9：Style.css 和 CSS 介绍
Style.css 和 CSS 介绍是从零开始创建 WordPress 主题系列教程的第九篇，学习 CSS 最好的方法就是去使用它，不像 XHTML 和 PHP 需要接触模板的核心文件，同样不要需要理解任何基本概念 在主题信息两边的 /* 和 */ 符号是为了让主题的信息不影响该文件的其他内容，这是 CSS 的注释。 下面是处理后的主题信息 第1步：打开 style.css 文件 打开 Xampp，主题文件夹，FireFox，IE 浏览器和 style.css 文件。 第2步：添加 CSS 代码 在 style.css 文件中输入以下代码： body{ margin: 0; font-family: Arial, Helvetica, Georgia, Sans-serif （我在涉及到 XHTML，PHP，CSS的时候都使用标签，属性和值这些术语是为了保持简单，实际上 PHP 和 CSS 有不同术语。
1.2K30编辑于 2023-04-15 - 来自专栏前端知识分享
第9天：CSS精灵图
今天重点学习了CSS精灵图。 “CSS精灵”，英语css sprite，所以也叫做“CSS雪碧”技术。 是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。 css精灵有什么优点，就是减少了http请求。 但是用了css精灵，小图片变为了一张图，http请求只有1个了。 ="UTF-8"> 5 <title>精灵图练习</title> 6 <style> 7 .box{ 8 height:138px; 9
1.2K30发布于 2018-09-11 - 来自专栏前端开发
【CSS当红框架】你必须得认识 Tailwind CSS 框架
前言 一直在寻求一个能够帮助我快速编写 CSS 的工具，这样便于我快速对网页进行开发，方便我对于一些新技术的学习，而不用花太多精力去书写样式，昨天了解到 原子化 CSS，我的心头一振。 然后与 BootStrap 相比，这个 Tailwind CSS 框架强在更加原子化，而且其种类比 BootStrap 要多很多，这是一个更加细粒度的 CSS 库，且自定义程度更高。
26610编辑于 2024-03-20 - 来自专栏达达前端
Day9:html和css
标题图 Day9:html和css <head> <meta charset="UTF-8"> <title></title> <meta name="description -- 针对浏览器 --> <link rel="stylesheet" href="<em>css</em>/normalize.<em>css</em>" /> <! -- 对网页 头部和底部样式 --> <link rel="stylesheet" href="<em>css</em>/base.<em>css</em>" /> <! -- 首页的css 只写首页的 独有的--> <link rel="stylesheet" href="<em>css</em>/index.<em>css</em>"> </head> 案例: <! ) border-radius: 50%; 盒子阴影(CSS3) box-shadow:水平阴影 垂直阴影 模糊距离（虚实） 阴影尺寸（影子大小） 阴影颜色 内/外阴影； box-shadow:
1K30发布于 2019-07-03 - 来自专栏Java3y
常用的CSS框架
常用的CSS框架 之前在写自己的个人网站的时候，由于自己Web前端不是特别好，于是就去找相关的CSS框架来搭建页面了。 找到以下这么一篇文章(列出了很多常用的CSS框架)： http://w3schools.wang/report/top-UI-open-source-framework-summary.html Bootstrap Iview Layui Mui Frozenui AlloyUI W3.CSS 本篇主要是记录我用过的CSS框架，并把之前写过的笔记进行整合一下。 这里写图片描述 ---- 详情用法可参考:https://my.oschina.net/u/3777556/blog/1628746 ---- BootStrap BootStrap这个CSS框架是非常火的 Materialize 这个也是很好看的CSS框架，具体的用法跟BootStrap是差不多的，会了BootStrap这个也就看文档来用了，没什么特别的地方的。
3.9K80发布于 2018-03-15 - 来自专栏前端自习课
【CSS】599- 9个很棒的CSS边框技巧
CSS图像边框 你是否曾经想象过你的元素周围有甜甜圈？ 现在，你无需过多的编码即可通过纯CSS添加它们。 为此，你需要在元素的CSS代码中使用 border-image 属性。 padding: 40px; box-shadow: inset #009688 0 0 0 5px, inset #059c8e 0 0 0 1px, inset #0cab9c 0 0 0 10px, inset #1fbdae 0 0 0 11px, inset #8ce9ff 0 0 0 16px, inset #48e4d6 0 0 0 17px, inset #e5f9f7 0 0 0 21px, inset #bfecf7 0 0 0 22px } 效果 5.只有阴影CSS边框 有时我们需要在现成的设计中添加边框 box-shadow: 0 0 0 10px #009688; border: 10px solid #009688; outline: dashed 10px white; } 效果 9.
2.7K10发布于 2020-05-26 - 内联文本样式 ? CSS 类名列表 ? ?来自专栏MeowRain的博客
MDUI CSS框架 -排版
内容排版 MDUI 除了使用 Normalize.css 和设置 body 元素的字体和颜色外，没有直接对其他 HTML 元素的样式做出修改。 mdui-text-center"> MDUI 一款美观的css 框架
1.5K20发布于 2021-04-22
CSS 框架 Bulma 教程
网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。 Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架----Bulma。 Bulma 是一个手机优先的框架，提供五个宽度断点，具有良好的自适应特性，可以随心所欲为不同设备设置不同样式。 is-2 is-3 is-4 is-5 is-6 is-7 is-8 is-9 is-10 is-11 ? 如果要指定某个网格偏移，可以用is-offset-修饰类。 ，运行一下npm run build，就会生成自己的样式表css/bulma.css了。 全栈工程师技能大全 WEB前端性能优化常见方法 一小时内搭建一个全栈Web应用框架 干货：CSS 专业技巧 四步实现React页面过渡动画效果 让你分分钟理解 JavaScript 闭包 ----
CSS 框架 Bulma 教程
网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。 Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架----Bulma。 一、简介 Bulma 框架最大的特点，就是简单好用。所有样式都基于class，只需为 HTML 元素指定class，样式立刻生效。 Bulma 是一个手机优先的框架，提供五个宽度断点，具有良好的自适应特性，可以随心所欲为不同设备设置不同样式。 is-2 is-3 is-4 is-5 is-6 is-7 is-8 is-9 is-10 is-11 如果要指定某个网格偏移，可以用is-offset-修饰类。 ，运行一下npm run build，就会生成自己的样式表css/bulma.css了。
CSS知识框架（一）
这是我参与「掘金日新计划 · 8 月更文挑战」的第21天，点击查看活动详情 >> CSS知识框架 标签模式 块级元素 特点： 总是从新行开始 高度、行高、外边距，内边距都可以控制 宽度默认是容器的100% 右下角 左下角;边距 内边距： 是指 边框与内容之间的距离 padding 外边距：margin盒子居中 用法：margin: 0 auto;清楚内外边距 用法：margin:0，padding:0css3 padding + border content-box:此值为其默认值，其让元素维持W3C的标准Box Mode盒子阴影 box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内/外阴影；CSS 样式 内部样式 内嵌式是将CSS代码集中写在HTML文档的head头部标签中行内式 标签的style属性来设置元素的样式外部样式表 链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中
CSS基础语法(二) CSS的9种选择器
就是不合法的 p:before{content:"text"} 4、:after 在元素内容后面插入内容 默认这个伪元素是行内元素，继承元素可继承的属性 p:after{content:"text"} 9. 属性值以"b"开头的所有元素 [class $="b"] 选择class属性值以"b"结尾的所有元素 [class *="b"] 选择class属性值包含"b"的所有元素 上面三个属于正则匹配，是CSS3
NEC 框架规范 css reset
/* reset */ html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,
NEC 框架规范 css function
hidden;} .f-ff0{font-family:arial,\5b8b\4f53;} .f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1
安卓9安装Xposed框架
前两天把自己手机升级到了Android P也就是安卓9.0升级后才发现无法安装Xposed框架，Xposed框架真的是个神器，模块各种各样的都有，搞机必备，所以有了这篇文章，纯记录下 Android P 框架(Xposed Framework)是一套开源的、在Android高权限模式下运行的框架服务，可以在不修改APK文件的情况下影响程序运行(修改系统)的框架服务，基于它可以制作出许多功能强大的模块，且在功能不冲突的情况下同时运作 对于作者上次更新Xposed框架已经1年多了，版本仍然停留在v90-beta3的版本，对于Android 8.0（N）版本的都还没有一个正式的版本，国内的MIUI版本在另外一个开发者放弃适配之后就更是连 Edxposed及太极得安装使用方法，前提是你有安装Magisk框架。 Edxposed及太极都需要Magisk框架支持的。 Edxposed安装 先下载Magisk框架模块，在Magisk框架里面刷入即可。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号