精华内容
下载资源
问答
  • 网页前端css书写规范

    2018-06-01 23:21:05
    网页前端css书写规范,css写作可能会需要。网页前端css书写规范,css写作可能会需要。网页前端css书写规范,css写作可能会需要。
  • 前端css核心笔记

    2018-04-15 18:37:31
    网页前端css笔记,对于java程序员,前端也要学习一下,所以html,css必不可少
  • 前端CSS @media 媒体查询PC端

    千次阅读 2020-08-14 16:14:29
    前端CSS @media 媒体查询PC端 注意and后面跟一个空格 @media screen and (min-width: 1024px){ body{font-size: 12px} } /*>=1024的设备屏幕*/ @media screen and (min-width: 1100px) { body{font-size: 14px}...

    前端CSS @media 媒体查询PC端

    注意and后面跟一个空格

    @media screen and (min-width: 1024px){
    body{font-size: 12px}
    } /*>=1024的设备屏幕*/
     
    @media screen and (min-width: 1100px) {
    body{font-size: 14px}
    } /*>=1100的设备屏幕*/
    @media (min-width: 1280px) {
    body{font-size: 18px;}
    } /*>=1280的设备屏幕*/
     
    @media screen and (min-width: 1366px) {
    body{font-size: 20px;}
    } /*>=1366的设备屏幕*/ 
     
    @media screen and (min-width: 1440px) {
    body{font-size: 24px !important;}
    } /*>=1440的设备屏幕*/ 
     
    @media screen and (min-width: 1680px) {
    body{font-size: 26px;}
    }  /*>=1680的设备屏幕*/ 
    @media screen and (min-width: 1920px) {
    body{font-size: 30px;}
    }  /*>=1920的设备屏幕*/
    
    展开全文
  • 黑马前端css笔记.zip

    2019-08-14 23:51:29
    学习黑马前端36期的css笔记,快来下载吧,也可以关注我,联系我。
  • LiveStyle实现前端css实时可视化开发

    千次阅读 2016-10-05 18:38:43
    LiveStyle实现前端css可视化开发—前期准备 sublime text、chrome sublime下载:官网下载地址https://www.sublimetext.com/3 chrome下载 :官网下载地址www.google.cn/chrome/browser/desktop/index.html —...

    —前期准备
    电脑安装sublime text、chrome
    sublime下载:官网下载地址https://www.sublimetext.com/3
    chrome下载 :官网下载地址www.google.cn/chrome/browser/desktop/index.html
    —实现过程
    1、在 chrome网上应用店将LiveStyle添加至chrome:
    这是我添加完之后的截图
    2、打开packagecontrol官方网站https://packagecontrol.io/

    点击Install Now进入下一页面并复制图中蓝色文本块:

     3、打开sublime–>view–>show console在如下框中粘贴刚才复制内容并回车
     这里写图片描述
    4、重新启动sublime,按Ctrl+shift+p,在框中输入pc(模糊匹配)选择install package

    5、install package框中输入livestyle并回车,等待几秒钟;

    6、重新启动sublime就可以实现css可视化开发啦

    (在sublime css文件中修改样式,不用刷新chrome页面就可看到修改产生的变化;也可在浏览器中调试而sublime中代码也可以同步变化)
    我将

    h1{
        color:black;
    }

    修改为

    h1{
        color:white;
    }

    并未刷新浏览器页面,可见样式已改变

    展开全文
  • Bootstrap(Web前端CSS框架)

    千次阅读 2016-02-05 10:32:02
    (Web前端CSS框架) 编辑 锁定 Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。[1] 它由Twitter的设计师Mark Otto和...

    Bootstrap

    (Web前端CSS框架)

    编辑 锁定
    Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 [1]   它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言 Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 [2]   国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。 [3]  
    外文名
    Bootstrap
    类    型
    开源的用于前端开发的工具包
    设计者
    Mark Otto和Jacob Thornton
    优    点
    兼容大部分jQuery插件

    特点编辑

    Bootstrap是基于 HTML5CSS3开发的,它在 jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。

    版本编辑

    目前使用较广的是版本2和3,其中2的最新版本的是2.3.2,3的最新版本是3.3.5。
    在2015年8月下旬,Bootstrap四周岁之际,Bootstrap团队发布了Bootstrap 4 alpha版,4的最主要变化包括以下方面:
    • 从 Less 迁移到 Sass
    • 改进网格系统
    • 缺省弹性框支持
    • Dropped wells, thumbnails, and panels for cards
    • 合并所有 HTML resets 到一个新的模块中:Reboot
    • 全新自定义选项
    • 不再支持 IE8
    • 重写所有的 JavaScript 插件
    • 改进工具提示和 popovers 的自动定位
    • 改进文档
    • 其他大量改进

    组件编辑

    Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:
    下拉菜单、按钮组、按钮下拉菜单、导航、 导航条路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等

    Javascript插件编辑

    Bootstrap自带了13个 jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括:
    模式对话框、标签页、滚动条、弹出框等。

    框架代码编辑

    可以对Bootstrap中所有的CSS变量进行修改,依据自己的需求裁剪代码。 [4]  

    Bootstrap Less编辑

    Les
    定制Bootstrap 定制Bootstrap
    s 是一个 CSS 预处理器,让 CSS 具有动态性。另一方面,Bootstrap 是一个快速开发 Web App 和站点的工具包。这样,您可以在 CSS 中使用 Bootstrap 的 Less 变量、mixins(混合)和 nesting(嵌套)。 [5]  
    参考资料
    词条标签:
    软件 计算机学
    展开全文
  • 前端 CSS权重详解

    千次阅读 2018-05-15 09:20:35
    CSS权重CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级,按照等级来计算权重 ...

    CSS权重

    CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。

    权重的等级

    可以把样式的应用方式分为几个等级,按照等级来计算权重

    1、!important,加在样式属性值后,权重值为 10000
    2、内联样式,如:style=””,权重值为1000
    3、ID选择器,如:#content,权重值为100
    4、类,伪类和属性选择器,如: content、:hover 权重值为10
    5、标签选择器和伪元素选择器,如:div、p、:before 权重值为1
    6、通用选择器(*)、子选择器(>)、相邻选择器(+)、同胞选择器(~)、权重值为0

    权重的计算实例

    1、实例一:

    <style type="text/css">
        div{
            color:red !important;
        }        
    </style>
    ......
    <div style="color:blue">这是一个div元素</div>
    <!-- 
    两条样式同时作用一个div,上面的样式权重值为10000+1,下面的行间样式的权重值为1000,
    所以文字的最终颜色为red 
    -->
    

    2、实例二:

    <style type="text/css">
        #content div.main_content h2{
            color:red;    
        }
        #content .main_content h2{
            color:blue;
        }
    </style>
    ......
    <div id="content">
        <div class="main_content">
            <h2>这是一个h2标题</h2>
        </div>
    </div>
    <!-- 
    第一条样式的权重计算: 100+1+10+1,结果为112;
    第二条样式的权重计算: 100+10+1,结果为111;
    h2标题的最终颜色为red
    -->
    
    展开全文
  • 阿里巴巴前端CSS培训PPT文档【初级入门】 入门教程,对不熟悉CSS的程序员来说,可以以最快的速度了解css用途
  • 前端css实现箭头效果

    千次阅读 2019-09-06 16:46:19
    效果图: htm部分: <div class="arrow_box"> <div class="arrow"></div>...css部分: .arrow_box{ width:100px; height:100px; border-radius: 10px; backgroun...
  • 前端 css颜色表示法

    千次阅读 2018-05-14 20:39:27
    css颜色表示法css颜色值主要有三种表示方法:1、颜色名表示,比如:red 红色,gold 金色2、rgb表示,比如:rgb(255,0,0)表示红色3、16进制数值表示,比如:#ff0000 表示红色,这种可以简写成 #f00 ...
  • 前端css样式小圆点样式

    万次阅读 2019-02-21 22:00:54
  • 前端css 页面高斯模糊效果

    万次阅读 2018-01-25 18:59:11
    问题:前端如何制作高斯模糊的背景图 ... 这时候我们就要说到 CSS 3 中的一个属性Filter 了。 先说案例吧,效果图如下: class = 'playerBox'> class="bg_color" src="http://edit.2or3m.com/sub
  • 前端css公共样式

    千次阅读 2017-03-14 10:31:25
    * -- 样式说明 --  * 最大优先实现法,全局能实现不用区域,区域能实现不用模板,  * 模板能实现不用界面,界面能实现不用标签  * g - 全局  * t - 区域  * m - 模板  * ui - 界面  * lb - 标签  ...
  • 前端CSS实现渐变效果

    千次阅读 2019-01-16 20:22:32
    开发工具与关键技术:Dreamweaver CC 2017 作者:林诗雄 撰写时间:2019年1月16日 首先先建立一个盒子给他一个样式然后写盒子的背景颜色如下图代码 实现的效果如彩虹的颜色 如果想从左往右的渐变效果就可以改动...
  • /*标签选择器:选择一类标签*/ h1{ color:red; }
  • 前端CSS颜色代码大全

    万次阅读 多人点赞 2015-10-16 15:46:05
    CSS颜色代码大全         FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000 #FFB7DD #FF88C2 #FF44AA  #FF0088  #C10066  #A20055  ...
  • 前端CSS的hover的用法

    千次阅读 2019-11-22 15:24:22
    hover除了用于父子元素还可以用于兄弟元素 ####父子元素直接在父元素的id或者class或标签名后紧接着:hover 然后空格子元素的名字就可以了 .father:hover .son{} ####兄弟元素在兄弟元素的id或者class或标签名后紧...
  • 前端css/js实现文字上下滚动

    千次阅读 2019-08-15 16:26:03
    CSS部分: .news { height: .4rem; line-height: .4rem; overflow: hidden; position: absolute; top: 35%; left: 1.6rem; color: #666666; } .news>ul { list-style: none; } ...
  • 在HTML里面导入CSS总共有四种方式: - 内联方式 - 嵌入方式 - 链接方式 - 导入方式一、内联方式<div style="background-color: red"></div>这样的书写方式,不用多说,大家都知道其缺点在哪里。 (1)、结构层...
  • 前端css简易拾色器

    千次阅读 热门讨论 2018-04-08 13:38:39
    点击吸色 按住鼠标左键不松手将鼠标拖到吸色处即可 想要吸得色就会显示出来 复制粘贴即可下载地址:点击打开链接
  • 前端css实现最基本的时间轴

    万次阅读 2018-03-07 09:49:19
    原型:图片.png代码:&lt;!DOCTYPE html &gt; &lt;html&gt; &lt;head&gt; &lt;link rel="...http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css...
  • Css min-height解释 我们有时设置一个对象盒子时候避免对象没有内容时候不能撑开,但内容多少不能确定所以又不能固定高度,这个时候我们就会需要css来设置min-height最小高度撑高对象盒子。当内容少时候最小高度能将...
  • 简单总结前端CSS常用语义类名

    千次阅读 2018-03-15 16:53:35
    这么长时间搜索的写页面的时候比较有用的语义化的 Class 名,不用再每次都开着有道了!给大家分享一下,不足之处还望告知,后期会继续补充。...前端的小伙伴们可以加群,群里有部分资源,书或插件什么的,
  • web前端css之在页面中加入新字体

    千次阅读 2019-03-31 23:42:42
    CSS3 @font-face 规则 @font-face { font-family: 所使用字体所定义的名字; src: url(sansation_light.woff);//此值指的是你自定义的字体的存放路径,可以是相对路径也可以是绝路径 } ...
  • 前端css,js缓存提升网站性能

    千次阅读 2016-03-16 10:08:13
    这是一个非常有趣的 非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。 在我的印象中,facebook是这个领域的鼻祖,有兴趣、有梯子的同学可以去...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 455,119
精华内容 182,047
关键字:

前端css