Css
关注
分享
扫一扫
CLFuture
Do what i should do in the way i like
展开
-
Css_文本$字体
首先来看看字体的颜色：color属性：<!DOCTYPE html><html><head><meta charset="UTF-8"/><style>#cc{color:green;background-color:yellow;width:50%;heigth:100px;padding:20px 20px;...原创 2019-05-08 09:40:08 · 182 阅读 · 0 评论 -
个人总结之前端技巧-----页面的设计流程
首先先说说我们编写一个前端页面的流程：1设计HTML：首先根据页面的布局，来确定对应的div区域，接着判断处在同一层级或其样式是否是相同的，若是相同的，则将这些相同样式的类定义一个相同的类名。（方便再接下来编写对应的样式的时候，集中写在一起，减少代码重复率，并 同时提高代码的可维护性，便于后期进行维护，**2设计CSS:**接着就是来 编写对应的样式了，如果在前期设计HTML阶段，设计的合理...原创 2019-07-14 15:45:36 · 2331 阅读 · 0 评论 -
Css_overflow详解
本章主要是对Css中的overflow元素进行讲解：该元素主要是用来处理，当我们的文本超出指定文本框时，如何进行处理首先分别讲一下overflow的五大属性：visiable:当我们的文本超出文本框时，其内容不会被修剪，会显示在文本框之外<!DOCTYPE html><html><head><meta charset="UTF-8"/>...原创 2019-05-08 08:52:31 · 2658 阅读 · 0 评论 -
Css-定位元素(最详细解答）
元素定位主要有5个不同属性：static :静态属性，被该属性修饰的元素，其不会对该元素做任何操作，即使定义了left，top等元素，也不会生效，遵循文档流的正常流程fixed:fixed定位，也就是比static多了一个功能，其定位的元素可以生效，在浏览器窗口中的位置保持不变，但是会被其他元素影响，其在页面的位置，即使浏览器窗口是滚动的，但是也不影响其位置relative：相对定位，该相对...原创 2019-05-07 13:34:19 · 608 阅读 · 0 评论 -
Css_选择器大全
在css中，相信大家最熟悉的就是id和class了，其实除了这两个我们常用的，还有属性选择器，属性和值的选择器及属性和多值的选择器这三个和属性相关的选择器属性选择器格式：两个p的格式会保持一致，不管值是否相同<style> [属性名]{}</style><p 属性名=值></p><p 属性名=值></p>...原创 2019-05-08 15:19:01 · 199 阅读 · 0 评论 -
Css_填充属性详解
在css中，填充属性为padding，也成为内边距，但是其设置的值的个数不同，对应的方向也是不同：当我们设置四个值时:padding 20px 25px 30px 35px顺序为，上填充，右填充，下填充，左填充设置三个值时：顺序为，上填充，左填充，下填充设置两个值时：顺序为，上填充，左填充<!DOCTYPE html><html><head>...原创 2019-05-08 14:48:09 · 2933 阅读 · 0 评论 -
Css_下拉菜单
1最基本的下拉菜单，当鼠标移到上面来时，会出现下拉菜单dropdown：用来设置下拉菜单的入口dropdown-content：用来设置下拉菜单出现的组件dropdown:hover dropdown-content：意思是，当鼠标滑到dropdown对应的下拉菜单时就会显示出下拉菜单组件.dropdown 类使用 position:relative, 这将设置下拉菜单的内容放置在下拉按钮...原创 2019-05-08 14:28:36 · 764 阅读 · 4 评论 -
Css_盒子模型
所谓盒子模型，就是一个盒子结构，从外到内有外边距，边框，内边距和文本框，就好比一个盒子外面包裹一层保护膜这就是外边距，边框，就是盒子厚度，内边距，就是盒子与里面所装东西的距离，文本框就好比是所装的东西，文本就好比构成该东西的组件.所以主要有3个参数margin：外边距border：边框padding：内边距<!DOCTYPE html><html><he...原创 2019-05-08 10:44:12 · 117 阅读 · 0 评论 -
Css_分组嵌套&是否可见
在编写页面的时候，会出现多个元素的属性设置一致，为了保证代码的质量，我们可以将这些代码组合起来，这样可以节省代码量，便于管理：<!DOCTYPE html><html><head><meta charset="UTF-8"/><style>h1,h2,p{color:green;text-decoration:underl...原创 2019-05-08 10:29:41 · 191 阅读 · 0 评论 -
前端常用技巧之一一（jquery&ccs&html)
最近接到了前端任务，是需要根据一个ui图对原有的界面进行优化，这也就少不了对css和html的操作了！以下是我根据在完成这个工作中的收获和总结！1设计界面流程：在根据UI图编写前端界面时，最常见的工作流程是：根据UI图中的模块编写对应的HTML根据UI图中的样式对HTML进行编辑，常用元素标签，id或class类名来对html进行定位操作根据UI图中的动态效果，通常使用Jquery来对...原创 2019-07-10 14:34:15 · 438 阅读 · 0 评论