Html&CSS 今日心得

今天和秋秋一起review了一下我自己写的登录页面.她给我提了几个point,对我很有启发. css样式的代码和html代码分离. 我自己做的时候是在google console里面调好了样式以后就直接copy到了对应的tag里,而不是在css中通过selector来找到元素后设置样式. 这样的做法我感觉和java代码中同样的函数在个各类中反复出现有些类似.将html和css完全分离开来有几个好处: 逻辑上,看html代码的时候不用关心它对应的样式,而只用关心html的结构: 另外在以后修改的时…

CSS使用心得小结

CSS心得最近对CSS的使用有一些小心得,在此写下来给大家分享分享 .最后附上选择器的实例代码. ------DanlV CSS是什么层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化. 百度百科 CSS三种使用方式 1.style属性如: <div style="width…

CSS学习心得2

CSS样式链接 a:link - 普通的.未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻当为链接的不同状态设置样式时,请按照以下次序规则: a:hover 必须位于 a:link 和 a:visited 之后 a:active 必须位于 a:hover 之后背景元素名background 也是简写的属性 background-color 不能继承,其默认值是 transparent.transp…

CSS学习心得

CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一基础的语法: CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明高级语法: 1.选择器分组选择器分组,如下:被分组的选择器就可以分享相同的声明.用逗号将需要分组的选择器分开.在下面的例子中,我们…

CSS应用心得

单纯Html配合CSS网页下面用程序来实际总结一下首先,在写程序的应该具有一个良好的编程习惯. 第一:排版,拥有一个良好的排版,有助于我们能够快速的理解以及阅读程序: 第二:注释,就如以下程序,作为一个非本人编写的程序,如果没有有效的注释,那么程序阅读以及修改起来是及其困难的: 第三:模块化,模块化为了让我们程序员自己能够快速的看清结构布局,从而很好的去把握程序的每一步,以免在程序出现问题的时候不便于修改. <!DOCTYPE html><html><head lang=…

分享一下学习css,js心得

简化代码,使页面简洁! web前端开发——将界面更好呈现给用户! 要了解在不同浏览器上的兼容情况.渲染原理和存在的bug! 网站性能优化.SEO: 代码的可维护性.性能: 网站重构的本质:建立一个前端灵活的MVC框架,代码具有复用性: web标准:结构.样式和行为的分离:理想状态下,网页源代码由html文件.css文件和js文件组成! 高质量的代码:精简.重用.有序,符合web标准: js要有常用效果和功能的积累:js类库封装了跨浏览器兼容的特性并扩展了功能: 最基本要求是CSS能兼容IE6.I…

css 开发心得

1.一个 div内的行内元素如何水平对齐将内部的元素设为 float ,然后设置 margin-top 对齐,然后用伪类清楚浮动的影响…

HTML+CSS编写规范

在任何一个项目或者系统开发之前都需要定制一个开发约定和规则,这样有利于项目的整体风格统一.代码维护和扩展.由于Web项目开发的分散性.独立性.整合的交互性等,所以定制一套完整的约定和规则显得尤为重要. 第一节 CSS样式文件的命名建立样式表文件时,分类编写样式到下列样式表文件中,并统一放在[CSS]文件夹里: 主要 main.css 文字样式 font.css 表格 table.css 主题 themes.css 打印 print.css 补丁 mend.css 在项目初期,会把不同类别的样式…

ssc项目Python爬虫心得

###今日心得 ####time.datetime 1.字符串格式到标准化格式:time.strptime(str, "%Y%m%d") 2.今天的标准化格式:today = datetime.date.today() 3.指定日期:date = datetime.date(year, month, day).属性:date.year.date.month.date.day 4.标准化格式到字符串格式:datestr = date.strftime(“%Y%m%d”) 5.某日期之后的…

<c ss高效开发实战>看完了，Bootstrap学习是关键

Bootstrap果真给我们带来了很多便利,学习CSS,必须要掌握很多框架和快速学习的方法. 这本书看完了,也写过几篇读书笔记,墙裂推荐.不上书封面了,只上书的导图. 这里说几点学习CSS的心得 1.基础语法都觉得很好入门,当然,也的确很好入门,但一些例子要动手,不要做伸手党. 2.一些框架要熟练应用,开发起来能事半功倍. 3.一些关键的技术,如less,sass等,要有所了解,这个我觉得还是有一定难度的,看完了,我没有很具体的实践. 4.看这些书,学学别人的实践方法,站在巨人的肩膀上,我想我们…

[RN] React Native 使用 realm 数据库

React Native 使用 realm 数据库 realm 是一款专为移动端开发的高性能数据库,其宣称自己是最快的 react-native 数据库. realm 整体的优点有这么四点: 1.简单易用, 2.跨平台, 3.快速性能优越, 4.提供高级功能.realm 核心数据引擎用 C++ 打造,并不是建立在 SQLite 之上的 ORM.因此性能就是比普通的 ORM 要快很多,甚至比单独无封装的 SQLite 还要快.同时因为是 ORM,本身在设计时也针对移动设备(iOS.Andr…

[PHP] Laravel 5.5 打印SQL语句

[PHP] Laravel 5.5 打印SQL语句四种方法第一种方法: 打印SQL默认是关闭的,需要在/vendor/illuminate/database/Connection.php中打开. // protected $loggingQueries = false; protected $loggingQueries = true; 之后可在代码中使用了: public function index(){ $result = DB::select('select * from activ…

[PHP]Laravel无法使用COOKIE和SESSION的解决方法

COOKIE和SESSION的具体使用百度和官方文档上都有. 但是,文档里没有说明必须经过相应的中间件才能使用,百度搜索结果都是彼此copy的bullshit!!! 其实最终解决办法很简单,完全不是网上所说的什么 cookie 写入方法不对的问题! 只是因为当时要写入的那个控制器,middleware 不是 web 而已. 解决方法,当然是只能将这个控制器放在 middleware = web 里例如我要加一个城市切换的写cookie的逻辑路由定义如下: Route::gro…

Matplotlib数据可视化（3）：文本与轴

在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像的设置在后续介绍到各种图绘制时介绍). 这里所说的文本是指在使用matplotlib作图过程中通过代码的方式往图中添加的各种文字,包括figure标题.axes标题.坐标轴标签.坐标轴刻度标签.注释.普通文本等.轴设置指的是对与坐标轴相关的的元素的设置,例如显示范围.刻度.刻度标签等. In [1]…

css布局实践心得总结

一.摘要: 今天在写一个页面,对css中的BFC(块级格式化范围)有了一点体会,今天把遇到的问题和解决方案总结下来,额外还总结一下强大的负外边距的使用心得. 二.总结:…

CSS:命名规范心得分享

一个好的命名习惯(当然这里指的并不仅仅是CSS命名).不仅可以提高开发效率,而且有益于后期修改和维护. 假设我们当前使用的命名方式都是约定成俗的,所有人都是这样写,那么你去到一个新团队,或者别人来接手你的工作,都可以大大缩短去阅读别人代码的时间. 一个规范化的命名,不用说,只要想想就能体会到其中的好处了. CSS:命名规范心得分享板块(Plate) 命名(Naming) 说明(Description) 主容器 wrapper 页面上最大的外部容器,如无特殊需求,不推荐使用页面头部 hea…

CSS中对图片(background)的一些设置心得总结

写网页的时候很多情况需要对图片进行操作,如何在不进行专业的美工裁切操作的情况下而让自己的素材度达到最大的满意度呢,这是一个问题,对于懒得开ps切图的我,通常会直接在网络上download一张图片,直接拖到html里,这就需要对图片的css样式进行一些调整,鉴于我总是记不住一些样式属性而无法让图片按我的想法摆放,不得已每次都要百度一下,几次下来,让我很是恼火,于是专门整理了一些css中关于图片的一些属性设置,置于此,以供下次望及时查看(废话真多): css2中关于background的属性有: b…

bootstrap使用心得及css模块化的初步尝试

第一次用bootstrap到实战项目,是一个企业门户站,可以说是强行拿bootstrap上来练手,感觉并不适合. 我是用的less编译bootstrap文件,直接改less变量.然后把不可重用的部分,比如页面头部,单独用一个app.css文件来覆盖. 发现bootstrap的字体实在是不行,本身就是给外国佬设计的,前几天看到一个neat.css据说是把normalize根据国情改进过的,拿来用了感觉还不错. 目前的想法是把网站会复用的部分调用bootstrap来实现,或者样式有差别的直接改les…

Pure.css网格系统学习心得——图片的响应式以及应用填充和边框网格单位的学习

今天学习了pure.css可定制的网格系统,pure默认的网格系统是移动先行,如果我们想在小屏幕上有网格只要用pure-u-*就可以了,下面来说一下它的主要用法! <div class="pure-g"> <div class="pure-u-2-5">五分之二</div> <div class="pure-u-1-5">五分之一</div> <div class="pu…

CSS属性之float学习心得

全文参考:http://www.linzenews.com/program/net/2331.html 我们来看看CSS重要属性--float. 以下内容分为如下小节: 1:float属性 2:float属性的特性 2.1:float之文字环绕效果 2.2:float之父元素高度塌陷 3:清除浮动的方法 3.1:html法 3.2:css伪元素法 4:float去空格化 5:float元素块状化 6:float流体布局 6.1:单侧固定 6.2:DOM与显示位置不同的单侧固定 6…

关于Yii2中CSS,JS文件的引入心得

js和css的引入 use yii\helpers\Html; 1.全局引入,所有的view生效 /assets/AppAsset.php public $css = [ 'css/site.css', 'css/style.css', ]; public $js = [ 'js/upload.js', ]; 2.局部引入,在该view中生效 (1) <?=Html::jsFile('@web/***/js/***.js')?>//这里***代表你的目录名或者文件名 <?=Html::c…

对css float 浮动的学习心得

css float浮动详解 @(css float)[hasLayout|clear float|妙瞳] css float的定义和用法 float 属性定义元素在哪个方向浮动.以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动.浮动元素会生成一个块级框,而不论它本身是何种元素. 如果浮动非替换元素,则要指定一个明确的宽度:否则,它们会尽可能地窄. 注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为…

css 中的若干心得

css布局中定位机制主要是普通的流,也就是说按照HTML文本的顺序在窗口上从上到下.从左到右去显示,遇见块级元素就换行显示.为了更进一步的控制,我可以使用相对定位.绝对定位.固定定位以及浮动. 相对定位(position:relative)是相对于自身而言的,但会在原来的地方留出空白,所以不会影响后序的流:可能出现这个元素覆盖到其他元素上的情况发生.百分数表示的宽度相对于父元素的宽度而言的. 绝对定位(position:absolute)会让该元素从流中去掉,其他元素不会再看见它,可以产生覆盖的…